2013-08-29 46 views
2

我有一個場景,我使用jQuery &創建了我的頭文件,該頭文件正在ExtJS中加載。對於相同的我使用下面的代碼。如何通過ExtJS面板使用jQuery腳本

var panel = new Ext.Panel({ 
    autoHeight : true, 
    html : <Some HTML code containing jquery scripts> 
}); 

但由於某些未知原因,我的標頭腳本無法正常工作。

僅HTML呈現。在控制檯上也沒有錯誤。

任何建議都會很有幫助。

+1

您正在使用的框架。那麼我不知道爲什麼你也使用jQuery。 :/ –

+0

我支持,一個窗口中有兩個怪物。 :-) – Damask

+0

@ Mr_Green,@ Damask其實我必須在EXT-JS頁面中包含現有的jQuery頭文件。 –

回答

-1

See this example

可以按如下方式添加監聽器,並使用你什麼都想要的js或jquery的, 見例如

Ext.onReady(function(){ 

new Ext.Panel({ 
    renderTo: Ext.getBody(), 
    frame: true, 
    title: 'Test panel', 
    height: 250, 
    listeners: { 
     render: function(){ 

      // this.body.dom is the raw dom object of the body element of this panel 
      // render your plot to this.body.dom 
      //write js/jquery 

      console.log(this.body.dom) 
      this.body.update('This is the new content'); 
     } 
    } 
}); 

});

+0

對我來說很不錯.. downvote的原因是什麼? –

+0

@Mr_Green同樣的問題也在我的腦海裏。 。 。它的知識不會浪費。 。 。 :) –

0

試試這個:

var panel = new Ext.Panel({ 
    autoHeight : true, 
    html : function(){ 
     return <Some HTML code containing jquery scripts> 
    }() 
}); 

panel.update = <Some HTML code containing jquery scripts>; 
+0

它不工作。那麼我試圖追溯到問題。會通知你。 –