Question

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

我用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文件中添加一些服务器端代码，然后在渲染之前对其进行预处理。

如果需要，我可以提供更多详细信息。

谢谢！

Answer 1

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

根据您正在做的事情，您的代码甚至根本不起作用，因为您只是使用XType声明而没有明显的代码把它渲染到某个地方。这是渲染到<div/>

的ExtJS 3方法

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() {

});

以HTML格式检索ExtJS元素

1 个答案: