如何在Sencha Touch 2中为NestedList的DetailCard动态更改内容？

Question

我有一个嵌套列表。我想为每个节点叶子为DetailCard制作不同的DetailCard内容。这个内容应该有按钮。怎么做？感谢。

Ext.define('Myproj.view.Home', {
extend: 'Ext.dataview.NestedList',
xtype: 'nestedlist',

config: {
    title: 'Category2',
    iconCls: 'home',

    margin: 20,
    listConfig: {
        ui: 'round',
        itemTpl: '<div>{text}</div>',
    },
    detailCard: {
        xtype: 'panel',
        html: 'This is the leaf node detail card',
        items: function (){

                }
            }

    },
    listeners: {
        itemtap: function (nestedList, list, index, target, record, e, eOpts) {
            var name = record.get('id');
            var html = Ext.String.format('This {0}', name);
            this.getDetailCard().setHtml(html);

        }
    },
    store: {
        type: 'tree',
        fields: [{
            name: 'text',
            type: 'string'
        }],
        defaultRootProperty: 'team',
        sorters: 'text',
        root: {
            text: 'Teams',
            team: [{
                text: 'Lang',
                team: [{
                    text: 'Java',
                    leaf: true
                    },{
                    text: 'Python',
                    leaf: true
                    }]
            }]
            }
            }
            });

我尝试从侦听器中执行.add（）而不是setHtml（）。这不起作用。