Sencha touch 2 Sencha Touch 2向嵌套列表添加图标

我正在尝试使用NestedList的getItemTextTpl方法将图像添加到嵌套列表中。你能看一下下面的代码，让我知道如何修复它吗？这是使用Sencha Architect开发的。谢谢你的帮助

Ext.define('myapp.view.ListContainer', {
    extend: 'Ext.Container',
    alias: 'widget.listcontainer',

    config: {
        layout: {
            type: 'fit'
        },
        tpl: [
            ''
        ],
        items: [
            {
                xtype: 'nestedlist',
                id: 'myList',
                itemId: 'mynestedlist4',
                detailCard: {
                    xtype: 'mytabs'
                },
                store: 'myStore',
                toolbar: {
                    xtype: 'titlebar',
                    docked: 'bottom',
                    ui: 'dark'
                }
            }
        ],
        listeners: [
            {
                fn: 'getItemTextTpl',
                event: 'getItemTextTpl',
                delegate: '#myList'
            }
        ]
    },

    getItemTextTpl: function(node) {
        return '<img class="eventIcon" src="http://localhost/images/test.png">';

    }

});

Ext.define（'myapp.view.ListContainer'{
扩展：“Ext.Container”，
别名：“widget.listcontainer”，
配置：{
布局：{
类型：“适合”
},
第三方物流：[
''
],
项目：[
{
xtype:'嵌套列表'，
id:“myList”，
itemId:'mynestedlist4'，
详情卡：{
xtype:“我的标签”
},
商店：“myStore”，
工具栏：{
xtype:'标题栏'，
停靠：“底部”，
用户界面：“黑暗”
}
}
],
听众：[
{
fn:'getItemTextTpl'，
事件：“getItemTextTpl”，
代表：“#我的列表”
}
]
},
getItemTextTpl:函数（节点）{
返回“”；
}
});

只是一个简单的提示。这是一个很好的方法，可以轻松地将漂亮的图标添加到应用程序中。

只是一个简单的提示。是一种很好的方法，可以轻松地将漂亮的图标添加到应用程序中。

Ext.define（'myapp.view.myList'）{
Ext.define('myapp.view.myList', {
    extend: 'Ext.dataview.NestedList',
    alias: 'widget.mynestedlist',

    config: {
        id: 'myList',
        detailCard: {
            xtype: 'mytabs'
        },
        displayField: 'text',
        store: 'myStore'
    },

    getItemTextTpl: function(recordnode) {
        return '<img class="eventIcon" src="http://localhost/images/test.png">'; 
    }

});

扩展：“Ext.dataview.NestedList”，
别名：“widget.mynestedlist”，
配置：{
id:“myList”，
详情卡：{
xtype:“我的标签”
},
显示字段：“文本”，
商店：“myStore”
},
getItemTextTpl:函数（recordnode）{
返回“”；
}
});

Ext.define（'myapp.view.myList'{
扩展：“Ext.dataview.NestedList”，
别名：“widget.mynestedlist”，
配置：{
id:“myList”，
详情卡：{
xtype:“我的标签”
},
显示字段：“文本”，
商店：“myStore”
},
getItemTextTpl:函数（recordnode）{
返回“”；
}
});

“请查看以下代码并告诉我如何修复它”。。。什么是要修复的，什么是不起作用的？@tdebaileul你是对的，我的问题很弱，应该包括适当的细节。事实证明，我必须将NestedList升级为顶级组件，然后向其中添加一个基本函数，以实现getItemTextTpl“请查看以下代码并让我知道如何修复它”。。。什么是要修复的，什么是不起作用的？@tdebaileul你是对的，我的问题很弱，应该包括适当的细节。事实证明，我必须将NestedList升级为顶级组件，然后在其中添加一个基本函数，以实现GetItemTextTplCalc。您可以在“Sencha Architect”中解释一下您是如何做到这一点的吗？好的，我自己找到了答案。为此，您必须将嵌套列表升级到类（右键单击嵌套列表并选择

升级到类

）。然后您将可以访问自定义函数（object inspector中的

函数部分）。您能解释一下在“Sencha Architect”中是如何做到这一点的吗？好的，我自己找到了答案。为此，您必须将嵌套列表升级到类（右键单击嵌套列表并选择
升级到类
）。然后您将可以访问自定义函数（对象检查器中的
函数
部分）。