sencha-touch-2 - Ext.NestedList 的详细信息卡中的列表

Question

我的应用程序从数据库接收数据。

“食谱”包含 Ext.NestedList。

http://www.senchafiddle.com/#VovtL#o7GJJ

我需要在详细卡片中显示一个列表:

http://www.senchafiddle.com/#4hKD8#uZlr7

list中的值应该取自base并且依赖于nestedlist中的key值。我看了 Kitchen Sink Example，但我几乎看不懂。是否可以实现？或者更好地用一组按钮替换嵌套列表？我很乐意知道任何想法。

Answer 1

onLeafItemTap: function(nestedList, list, index, node, record, e) {
        var detailCard = nestedList.getDetailCard();
        detailCard.removeAll(true, false);
        detailCard.setHtml('');
        detailCard.setLayout('fit');
        var urList = Ext.create('Ext.List', {
            fullscreen: true,
            itemTpl: '{title}',
            data: [
                { title: 'Item 1' },
                { title: 'Item 2' },
                { title: 'Item 3' },
                { title: 'Item 4' }
            ]
        });
        detailCard.add(urList);
    }

代码非常 self 解释。您只需将 urList 替换为您的列表即可。并改变商店..如果有任何问题让我知道