Helix Installation   Getting Started   Reference Documentation   Global Functions   Quick Start
Getting StartedHelpful ResourcesAsk questions on the Help ForumRead the User GuideBrowse the Reference DocumentationSubscribe to the Helix Mailing ListLearning HelixAdvanced Topics

Javascript With ExtJS

Helix comes packaged with the incredibly powerful ExtJS Javascript Framework by default.  In addition to everything provided by the Ext Core objects, you can optionally enable a huge variety of visual components offered by ExtJS

There are so many features offered that it is best to just reference the ExtJS API Documentation.

Using ExtJS In Your Pages

To use ExtJS in your pages, you must first set the EXTJS_CORE_ONLY configuration constant to 1 in the Helix admin pages for your site.  If you need to also use the visual components, set the EXTJS_ENABLE configuration constant to 1 in the Helix admin pages for your site.

Next, create a file in your page folder with the same name as the page, but with a .js extension.  For example, in the test-page folder, create a file named test-page.js, and it will be automatically loaded when the page is requested.

See the code below for an example of how to use ExtJS to manipulate elements in the browser:


// This code should appear in test-page.js

// Hide all elements with their class attribute set to "hide-me"
Ext.select('.hide-me').hide();

// Make the element with the id of "drag-me"
// draggable in the browser
Ext.get('drag-me').initDD();

There are literally thousands of cool things you can do with ExtJS... have fun!

Get Helix PHP Framework at SourceForge.net. Fast, secure and Free Open Source software downloads