ExtJS with Drupal

[SciFiGuy]

Has anyone used ExtJS with Drupal? If so, what steps did you have to take to get it to work?

[antimatter15]

Isn't drupal a CMS? What do you mean?

[jefbak]

Is there a Module for Drupal that supports Ext JS is the question I think.

[mscdex]

I was wondering the same thing, if there was a drupal module that existed to allow decent integration of extjs (2.0) into drupal (enabled for certain content pages, etc). The reason I'm curious about this is I'm currently working on a project that thus far has consisted of a drupal site and then a separate extjs-powered mini-site that is loosely connected to the drupal site (external authentication, etc). However, I am now looking to hopefully combine the two such that they both work together in harmony.

I am not sure if there are really any specific issues when attempting to use extjs in a drupal-powered site or not or if it's just a matter of adding the necessary script tags to include the JS/css files and then just coding?

[dawesi]

lol this site runs on Drupal!

[christocracy]

I've used Ext a bit with Drupal. I'm all for it.

[sheridap]

I've got a lot of Drupal theming experience and have been wondering about the feasibility of creating an ext based drupal theme.

Anyhow I'm all in for helping.

www.patsheridan.com
www.cloverleafllc.com
www.surfinghainan.com

cheers,
Pat

[mscdex]

Has anyone created something like CCK fields for drupal using ExtJS components?

[jessecravens]

There is very little specific documentation outside of the API docs on using drupal_add_js() (http://api.drupal.org/api/function/drupal_add_js) for adding external js libraries.

A common mistake is to include drupal_add_js() in page.tpl.php, but to use the theme variables correctly, include a template.php (http://drupal.org/node/11811) file in your theme directory and invoke drupal_add_js() there.


drupal_add_js("misc/jquery.js");
drupal_add_js("sites/all/js/ext-2.0.2/adapter/ext/ext-base.js");
drupal_add_js("sites/all/js/ext-2.0.2/ext-all.js");
drupal_add_js("themes/extjs/container.js");

Also, it may be wise to create and place the EXTJS library into the sites/all/js directory. The sites/all/ is empty by default. If you aren't familiar with Drupal's multisite configuration (http://drupal.org/node/43816), maintaining a sites/all/ directory is the recommended standard for adding custom modules, themes, js for scripts shared across multiple sites. This can save headaches when upgrading both EXTJS and Drupal in the future.

[impalah]

There is very little specific documentation outside of the API docs on using drupal_add_js() (http://api.drupal.org/api/function/drupal_add_js) for adding external js libraries.

A common mistake is to include drupal_add_js() in page.tpl.php, but to use the theme variables correctly, include a template.php (http://drupal.org/node/11811) file in your theme directory and invoke drupal_add_js() there.


drupal_add_js("misc/jquery.js");
drupal_add_js("sites/all/js/ext-2.0.2/adapter/ext/ext-base.js");
drupal_add_js("sites/all/js/ext-2.0.2/ext-all.js");
drupal_add_js("themes/extjs/container.js");

Also, it may be wise to create and place the EXTJS library into the sites/all/js directory. The sites/all/ is empty by default. If you aren't familiar with Drupal's multisite configuration (http://drupal.org/node/43816), maintaining a sites/all/ directory is the recommended standard for adding custom modules, themes, js for scripts shared across multiple sites. This can save headaches when upgrading both EXTJS and Drupal in the future.

I tried that, it works, but not every page of my site uses extjs and could be an "overload". So I did a specific "extjs_wrapper" module (is as simple as an .info file and the ext-js libraries inside... well and the hook_help in .module).

Later, in the modules I want to use extjs just added something like this:


$extjs_path = drupal_get_path('module', 'extjs_wrapper');
// Add JS and CSS

// EXT JS
drupal_add_js($extjs_path."/ext-libs/adapter/ext/ext-base.js");
drupal_add_js($extjs_path."/ext-libs/ext-all.js");
drupal_add_css($extjs_path."/ext-libs/resources/css/ext-all.css");



Greetings

PD - Excuse my poor english