Javascript ExtJS4模板参数
我是extJs4新手,我试图理解模板是如何工作的 我的问题是:如何将函数作为参数传递给模板? 比如说,我有一个'a'元素,我想用extjs自定义类中定义的自定义函数处理它的'onClick'事件 我所做的是将一个函数foo()作为参数传递,其中包含一个简单的警报。 问题是,在应用程序加载时会触发警报,但之后单击元素时不会发生任何事情。在元素检查时,我看到它的onclick处理程序是一个空字符串Javascript ExtJS4模板参数,javascript,extjs,Javascript,Extjs,我是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相当大,但再次感谢您的帮助。