Use ExtJs and JQuery together in one application?

Question

we have a big ExtJS (still ExtJs 2) application, which provides windows explorer like functionality on a Java EE server. We now evaluate implementing a new functionality; we could base this functionality on a jQuery plug in.

Is it recommended to use jQuery and ExtJs in one application? Or will I have to deal with side effects occurring?

You should except an answer, just to round things off. Or you could ask additional questions by commenting. — R Esmond, Feb 11 '13 at 18:36
Please select an answer if you've found one to be correct or helpful. — isherwood, Feb 12 '13 at 18:24
Thanks for your reminder. All your answers are quite helpful, but since I have to decide for exactly one, I am not able to choose all of them.... — Windwalker, Feb 12 '13 at 22:25

R Esmond · Accepted Answer · 2013-02-11T18:33:58.603

You will not have to deal with any side effect. The only problems I ever ran into when I did this is if I tried to operate on elements that Extjs relied on being left alone. Just make sure that when you start operating using jQuery that you're working inside a div that extjs doesn't plan to mess with. The best way to do this is to inherit from Ext.Component and then operate inside the div it provides. Ext doesn't do anything inside this div so you should be ok. You can also tap into the resize functionality if you need to, though this is not really necessary.

score 3 · Answer 2 · edited May 23 '17 at 12:30

3

My company does so with no problems on a fairly large Apache/Catalyst site. We do use jQuery() rather than $() due to some old Prototype stuff on our site.

More: Blueprint CSS Extjs and JQuery in the same page, best way to make them coexist without conflict

edited May 23 '17 at 12:30

Community

1
1

answered Feb 08 '13 at 16:21

isherwood

58,414
16
114
157

score 0 · Answer 3 · answered Feb 08 '13 at 17:24

0

keep jQuery within the jQuery namespace http://api.jquery.com/jQuery.noConflict/

Use it like so: $.noConflict();

jQuery only adds a single object (jQuery) to the window's context so you won't have any conflicts.

answered Feb 08 '13 at 17:24

runspired

2,642
1
19
24

score 0 · Answer 4 · answered Dec 09 '14 at 10:38

PROBLEM: Some third party libraries for jquery may rely on static webpage organization. As ExtJS components can be added to webpage dynamically - they will have no functions from third party libraries.

SOLUTION: You will have to run this library's script after component is added (use afterrender event, for example). Then you can call these functions on this ext component.

Use ExtJs and JQuery together in one application?

4 Answers4

Linked