Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ExtJS4模板参数_Javascript_Extjs - Fatal编程技术网

Javascript ExtJS4模板参数

Javascript ExtJS4模板参数,javascript,extjs,Javascript,Extjs,我是extJs4新手,我试图理解模板是如何工作的 我的问题是:如何将函数作为参数传递给模板? 比如说,我有一个'a'元素,我想用extjs自定义类中定义的自定义函数处理它的'onClick'事件 我所做的是将一个函数foo()作为参数传递,其中包含一个简单的警报。 问题是,在应用程序加载时会触发警报,但之后单击元素时不会发生任何事情。在元素检查时,我看到它的onclick处理程序是一个空字符串 谢谢 模板仅用于数据表示,任何处理与用户交互的逻辑都必须在包含元素或其子元素中完成,以下是如何使用模板

我是extJs4新手,我试图理解模板是如何工作的

我的问题是:如何将函数作为参数传递给模板? 比如说,我有一个'a'元素,我想用extjs自定义类中定义的自定义函数处理它的'onClick'事件

我所做的是将一个函数foo()作为参数传递,其中包含一个简单的警报。 问题是,在应用程序加载时会触发警报,但之后单击元素时不会发生任何事情。在元素检查时,我看到它的onclick处理程序是一个空字符串


谢谢

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

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'); });
})
Ext.onReady(函数(){
//一些虚拟数据
var数据={姓名:'Jerónimo',年龄:37};
//声明一个要使用的模板,非常简单。
var tpl=new Ext.XTemplate(
'模板示例:',
'',
“名称:{Name}

”, “年龄:{Age}

”, '' ); //将模板应用于我们的div tpl.覆盖('myDiv',数据); //控制div上的click事件 Ext.get('myDiv')。on('click',function(){alert('click');}); })
您可以在此处查看一个工作示例:


希望这有助于理解模板的用法。

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

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'); });
})
Ext.onReady(函数(){
//一些虚拟数据
var数据={姓名:'Jerónimo',年龄:37};
//声明一个要使用的模板,非常简单。
var tpl=new Ext.XTemplate(
'模板示例:',
'',
“名称:{Name}

”, “年龄:{Age}

”, '' ); //将模板应用于我们的div tpl.覆盖('myDiv',数据); //控制div上的click事件 Ext.get('myDiv')。on('click',function(){alert('click');}); })
您可以在此处查看一个工作示例:


希望这有助于理解模板用法。

您可能需要发布一个您试图编写的代码示例。您可能需要发布一个您试图编写的代码示例。谢谢,这很有帮助。我意识到我有很多东西需要理解,因为从我所看到的ExtJS相当大,但再次感谢您的帮助。谢谢,这很有帮助。我意识到我有很多东西需要理解,因为从我所看到的ExtJS相当大,但再次感谢您的帮助。