Question

如何动态显示Ext.List嵌套在Ex.Panel中的所有项目，这意味着嵌套Ext.List的高度必须是动态的，以及如何为父级添加滚动条，即Ex.Panel？

谢谢！

Ext.define('framework.view.ShoppingCart', {
extend: 'Ext.Panel',
alias : 'widget.ShoppingCart',
id: 'ShoppingCart',
requires: [           
       ],
config: {
    autoDestroy: true,
    fullscreen : true,

    items: [
            {
                xtype: 'fieldset',
                id: 'shoppingCartItemsTitle',
                title: Util.getMessageInner('mstore_item_list',null,0),
                height : 27,
                border: 0,
                margin: "10 10 6 10",
                cls: 'items_hided'
            },
            { 
                xtype : 'list',
                itemId : 'itemList2',
                id: 'itemList2',
                autoDestroy: true,
                selectedCls: 'x-item',
                scrollable: 'vertical',
                height : '100%',
                itemTpl: new Ext.XTemplate(
                    '<div class="as_icon_list as_icon_list_bg height_68">',
                        ' <div style="margin:7px 0 0 10px; float:left">',
                            '<div style="display:block;">{gName}</div>',
                            '<div style="display:block;">',
                                ASVari.appInfo.currencyName + '&nbsp;{[Util.formatMoney(values.gPrice)]}&nbsp;&nbsp;&times;&nbsp;&nbsp;',
                                '{gQuantity}',
                            '</div>',
                        '</div>',
                    '</div>'
                )
             }
    ]

}
});

Answer 1

我不确定你想要完成的是什么......

至于动态动态设置数据，可以使用Ext.Panel（）和Ext.data.List（）的getData（）和setData（），getHeight（）和setHeight（）方法。

根据您可以在控制器中侦听的某些事件，您可以从一个视图中获取所有属性并将它们设置为另一个视图。

对于'如何为父级添加滚动条，即Ex.Panel？'我真的不确定你在问什么，但我认为你正在寻找类似于可滚动容器的东西，其中包含一个包含详细信息视图的静态容器旁边的项目。

如果是这种情况，请查看hbox layout。你会做一些事情，在一个容器旁边放一个flex：1，其中包含详细信息和flex：5（或其他）。然后，您将在列表中侦听itemTap并使用所需数据加载容器视图。

很抱歉这是短暂的，但有一个模糊的问题，我不想花时间回答你没有问的问题。

请告诉我如何为您提供更好的信息。

祝你好运，

布拉德

如何显示Ext.List中嵌套在Ex.Panel中的所有项目

1 个答案: