在HTML中检索ExtJS元素

Retrieve an ExtJS element in HTML

本文关键字：ExtJS 元素 检索 HTML      更新时间：2023-09-26

如果你认为这是一个愚蠢的问题，请不要介意!

我用ExtJS创建了一个按钮

{
xtype: 'button',
text: 'Test',
id: 'test007',
scale: 'small',
margin: '5 0 5 0',
}

有没有办法在HTML代码中获得对这个对象的引用?

我试过了

    <div id="test007">
        <script>
        $('#test007').click(function(){
            alert('click')
        });
        </script>
    </div>

但不工作(可能是类而不是id ?)。

我不知道我是否足够清楚，甚至我的问题是否有意义。你可能会说:"当你可以在ExtJS中触发像点击这样的函数时，使用jQuery函数有什么意义?"但我的真正目的不是在HTML中触发jQuery。

我想在HTML文件中添加一些服务器端代码，然后在渲染前进行预处理。

如果需要，我可以提供更多的细节。

谢谢!

这种方法的问题是，jQuery的点击甚至不直接对应于ExtJS的点击。如果你检查DOM，你会发现ExtJS组件通常比简单的<button/>类型复杂，因此你真的需要坚持使用ExtJS事件处理程序来处理这类事情。

根据您正在做的事情，您的代码甚至根本不明显是否在工作，因为您只是使用了一个XType声明，而没有明显在某处呈现它的代码。这是ExtJS 3渲染<div/>的方法

new Ext.Button({
    text: 'Test',
    listeners: {
        click: function() {
            alert('Hi!');
        }
    },
    renderTo: 'test007',
    scale: 'small',
    margin: '5 0 5 0'
});

还需要像这样运行:

jQuery(function($) {
    //That code here
});

或

Ext.onReady(function() {
});
相关文章：