JavaScript函数在extjs中不起作用

Question

我有一个简单的HTML（ListnerMapping.html）页面，它有2个javascript函数。

我正在尝试在extjs中加载此页面。我能够加载ListnerMapping.html的html内容，但写入的函数不起作用。

我在init（）...

中尝试以下内容

var htmlPanel = new HTMLPanel({
    scroll: "vertical",
    title: "Listener Mapping",
    url: "http://localhost:8080/RuleDesignerService/ListnerMapping.html",
    listeners: {                    
        el: {
            /*click: function() {
                $("#editButton").on('click', function(){
                    alert('test')
                });

                alert('123');
            },*/
            ready: function() {
                $("#editButton").on('click', function(){
                    alert('test');
                });

                alert('123');
            }
        }
    }
});

我是extjs的新手，感谢任何帮助。