在一個應用程序中一起使用ExtJs和JQuery？

Question

我們有一個很大的ExtJS（仍然是ExtJs 2）應用程序，它在Java EE服務器上提供了類似於Windows Explorer的功能。 我們現在評估實施新功能;我們可以將此功能基於jQuery插件。

建議在一個應用程序中使用jQuery和ExtJs嗎？ 或者我將不得不面對發生的副作用？

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組件上調用這些函數。