Ext JS 6-DataView-未附加ItemClick

时间:2019-01-31 13:24:26

标签: extjs

我一直无法向我认为非常简单的示例添加itemclick侦听器。使用重复的HTML可以正确显示该视图。谁能帮助我解决问题?

Ext.define('App.view.Stuff', {
    extend: 'Ext.DataView',
    alias: 'view.stuff',
    store: [{
        "title": "Dataset 1",
        "desc": "Lorem ipsum dolor sit amet."
    }, {
        "title": "Dataset 2",
        "desc": "Lorem ipsum dolor sit amet."
    }],
    listeners: {
        itemclick: function () {
            console.log('itemclick');
        },
    },
    itemTpl:
      '<div><strong>{title}</strong></div>' +
      '<div>{desc}</div>'
});

1 个答案:

答案 0 :(得分:2)

从v6.5.0开始,该事件称为childsingletap

  

childsingletap(此,位置,eOpts)
       当孩子被单打时触发。

     

Available since: 6.5.0

     

参数

     

Ext.dataview.DataView
       此数据视图。

     

位置Ext.dataview.Location
       活动的地点。

     

eOpts Object
       选项对象传递给Ext.util.Observable.addListener。

这是工作代码:

Ext.define('App.view.Stuff', {
    extend: 'Ext.DataView',
    alias: 'view.stuff',
    store: [{
        "title": "Dataset 1",
        "desc": "Lorem ipsum dolor sit amet."
    }, {
        "title": "Dataset 2",
        "desc": "Lorem ipsum dolor sit amet."
    }],
    listeners: {
        childsingletap: function () {
            console.log('childsingletap');
        },
    },
    itemTpl:
      '<div><strong>{title}</strong></div>' +
      '<div>{desc}</div>'
});