javascript - 如何在 ExtJS 面板中使用 jQuery 脚本

Question

我有一个场景，我正在使用 jQuery 创建我的标头，并且该标头正在 ExtJS 中加载。同样，我使用下面的代码。

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

但由于某些未知原因，我的头脚本无法正常工作。

仅呈现 HTML。控制台上也没有错误。

任何建议都会很有帮助。

Answer 1

尝试这个：

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

或者

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

Answer 2

看这个例子

您可以按如下方式添加侦听器并使用您想要的任何 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');
        }
    }
});

});