ExtJS4模板参数

Question

我是extJs4的新手，我想了解模板是如何工作的。

我的问题是:如何将函数作为参数传递给模板？例如，我有一个'a‘元素，我想用我的extjs自定义类中定义的自定义函数来处理它的'onClick’事件。

我所做的就是传递一个foo()函数作为参数，其中包含一个简单的警告。问题是，警报在应用程序加载时触发，但在此之后，单击元素时什么也不会发生。在检查元素时，我发现它的onclick处理程序是一个空字符串。

谢谢。

Answer 1

模板只是用于数据表示，任何处理与用户交互的逻辑都必须在包含元素或其子元素中完成，以下是如何使用模板：

Ext.onReady(function(){
    //Some dummy data
    var data = { name: 'Jerónimo', age: 37 };

    // Declare a template to use, very simple.
    var tpl = new Ext.XTemplate(
        '<H1>Template sample:</H1>',
        '<tpl for=".">',
        '<p>Name: {name}</p>',
        '<p>Age: {age}</p>',
        '</tpl>'
    );

    // Apply the template to our div
    tpl.overwrite('myDiv', data);

    // Control the click event on the div
    Ext.get('myDiv').on('click', function(){ alert('Click'); });
})

你可以在这里查看一个工作的例子：JsFiddle Ext 4.0.7 template example

希望这对理解模板的用法有一点帮助。