Ext.NestedList 的详细信息卡内的列表答案

【问题标题】：List inside detail card of Ext.NestedListExt.NestedList 的详细信息卡内的列表
【发布时间】：2012-06-02 18:43:16
【问题描述】：

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

“食谱”包含 Ext.NestedList。

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

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

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

列表中的值应该取自base，依赖于nestedlist中的键值。我看了厨房水槽示例，但我能理解的很少。是否可以实施？还是更好地用一组按钮替换嵌套列表？我很高兴知道任何想法。

【问题讨论】：

你为什么要上传 2 个小提琴？
演示必须包含的列表类型。并显示第二个列表还包含从 json 文件加载的详细卡片
那么您是否尝试实现相同的功能，但左侧的列表和同一屏幕上的详细信息卡？如果是这样，这里有一个 rdougan 的示例：stackoverflow.com/questions/9708945/… 这样做但使用内联数据。我想使用 JSON 文件中的数据使其适应您的示例，但我还不能这样做:-)

标签： sencha-touch-2

【解决方案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);
    }

代码是非常自我解释的。您只需将 urList 替换为您的列表。和改变商店.. 如果有任何问题，请告诉我

【讨论】：