ExtJS和jQuery是兩個非常流行的前端框架,它們都有著自己的特點和優(yōu)點。但是在實際開發(fā)中,我們有時候需要將它們共用起來,以便更好地完成我們的項目。
在使用ExtJS和jQuery共用的時候,需要注意以下幾點:
1.命名空間的沖突
Ext.ns('MyApp'); MyApp.myFunction = function(){ //do something } jQuery(document).ready(function(){ MyApp.myFunction(); });
2.Dom元素的選擇
Ext.onReady(function(){ // 找到id為content的div元素,使用Ext的選擇器 var contentDiv = Ext.get('content'); // 給id為myButton的按鈕添加點擊事件,使用jQuery的選擇器 jQuery('#myButton').click(function(){ //do something }); });
3. Ajax請求的使用
Ext.Ajax.request({ url : 'myUrl.php', params : { id : 1 }, success : function(response, opts) { var obj = Ext.decode(response.responseText); jQuery('#myDiv').html(obj.name); }, failure : function(response, opts) { console.log('server-side failure with status code ' + response.status); } });
總之,在使用ExtJS和jQuery共用的時候,需要深入理解它們的原理和用法,才能更好地發(fā)揮它們的優(yōu)點,在項目中發(fā)揮它們最大的價值。