在一个应用程序中一起使用ExtJs和JQuery？

Question

我们有一个很大的ExtJS（仍然是ExtJs 2）应用程序，它在Java EE服务器上提供类似Windows资源管理器的功能。 我们现在评估实现新功能;我们可以将这个功能基于jQuery插件。

是否建议在一个应用程序中使用jQuery和ExtJ？ 或者我是否必须处理发生的副作用？

Answer 1

您无需处理任何副作用。我做这个时遇到的唯一问题是，如果我试图操作Extjs依赖的元素。只要确保当你开始使用jQuery操作时，你正在一个extjs不打算搞砸的div里面工作。执行此操作的最佳方法是从Ext.Component继承，然后在它提供的div内操作。 Ext在这个div中没有​​做任何事情所以你应该没事。如果需要，您也可以使用调整大小功能，尽管这不是必需的。

Answer 2

我的公司在相当大的Apache / Catalyst站点上没有问题。由于我们网站上有一些旧的Prototype，我们确实使用jQuery（）而不是$（）。

更多：Blueprint CSS Extjs and JQuery in the same page, best way to make them coexist without conflict

Answer 3

将jQuery保留在jQuery名称空间http://api.jquery.com/jQuery.noConflict/

中

像这样使用它：$ .noConflict（）;

jQuery只在窗口的上下文中添加一个对象（jQuery），这样就不会有任何冲突。

Answer 4

问题：jquery的某些第三方库可能依赖于静态网页组织。由于ExtJS组件可以动态添加到网页 - 它们没有来自第三方库的功能。

解决方案：在添加组件后，您必须运行此库的脚本（例如，使用afterrender事件）。然后你可以在这个ext组件上调用这些函数。