如何将onclick事件附加到XTemplate元素extjs?

webCoder

我对extjs很陌生。单击div后,我想调用onclick事件,下面是代码。

请帮助,在此先感谢。

var resultTemplate = new Ext.XTemplate(
    '<tpl for=".">',
    '<div class="list-item" id={value}>',
    '<i class="folder-icon">&nbsp;</i>',
    '{value}',
    '</div>',
    '</tpl>'
);


Ext.define('abc.view.xyz', {
    layout: {
        type: 'border',
        padding: 5
    },
    extend: 'Ext.Panel',
    alias: 'widget.infraTab',
    id: 'infraTab',
    margin: '10 10 10 10',
    border: true,
    items: Ext.create('Ext.view.View', {
        store: store,
        tpl: resultTemplate
    })
});

我想要"list-item"单击类的div及其ID的值。

可编写脚本

您应该能够使用itemclick侦听器:

Ext.create('Ext.view.View', {
     store: store,
     tpl: resultTemplate,
     itemSelector: '.list-item',
     listeners: {
         itemclick: function(view, record, item, index, e, eOpts) {
             alert(record.get('value'));
         }
     }
});

这是Sencha小提琴,演示其用法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将 onclick 事件附加到动态创建的元素

来自分类Dev

如何将元素附加到主体?

来自分类Dev

如何将元素附加到KList?

来自分类Dev

如何将元素附加到div?

来自分类Dev

如何将数据附加到元素

来自分类Dev

将onclick事件附加到元素不起作用

来自分类Dev

将onclick事件附加到元素不起作用

来自分类Dev

如何将javascript事件处理程序附加到在javascript中创建的这些元素

来自分类Dev

jQuery datebox-如何将click事件附加到整个输入元素

来自分类Dev

在Meteor中,如何将模板事件附加到动态插入的元素上?

来自分类Dev

如何将点击事件附加到我的jQuery插件中的元素上?

来自分类Dev

如何将onclick事件添加到joint.js元素?

来自分类Dev

如何将onclick事件添加到动态生成的HTML元素

来自分类Dev

如何将 onClick 事件处理程序添加到画布元素(弧)?

来自分类Dev

如何将事件附加到对象以调整大小并单击

来自分类Dev

如何将滚动事件附加到文本输入?

来自分类Dev

如何将事件绑定到ajax附加元素?

来自分类Dev

如何将元素附加到iframe表单?

来自分类Dev

如何将数据附加到元素属性值

来自分类Dev

如何将Click处理程序附加到DOM元素

来自分类Dev

如何将侦听器附加到克隆的元素?

来自分类Dev

如何将Ruby代码附加到HTML元素

来自分类Dev

如何将TEMPLATE元素附加到阴影dom?

来自分类Dev

如何将元素附加到矢量函数?

来自分类Dev

如何将侦听器附加到克隆的元素?

来自分类Dev

如何将HTML元素或DocumentFragment附加到DOM?

来自分类Dev

如何将Ruby代码附加到HTML元素

来自分类Dev

如何将功能附加到表单元素

来自分类Dev

如何将元素附加到特定的列表位置?

Related 相关文章

热门标签

归档