Sencha touch 如何动态显示Ex.Panel中嵌套的Ext.List中的所有项目

Sencha touch 如何动态显示Ex.Panel中嵌套的Ext.List中的所有项目,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,如何动态显示Ext.List中嵌套在Ex.Panel中的所有项目, 这意味着嵌套的Ext.List的高度必须是动态的,如何为父级添加滚动条,即Ex.Panel 谢谢 Ext.define('framework.view.ShoppingCart', { extend: 'Ext.Panel', alias : 'widget.ShoppingCart', id: 'ShoppingCart', requires: [ ], config: { auto

如何动态显示
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>'
                )
             }
    ]

}
});
Ext.define('framework.view.ShoppingCart'{
扩展:“Ext.Panel”,
别名:“widget.ShoppingCart”,
id:“购物车”,
要求:[
],
配置:{
自动销毁:对,
全屏:对,
项目:[
{
xtype:“字段集”,
id:“ShoppingCartimstitle”,
标题:Util.getMessageInner('mstore\u item\u list',null,0),
身高:27,
边界:0,
页边空白:“1010610”,
cls:“隐藏的项目”
},
{ 
xtype:'列表',
itemId:'itemList2',
id:'itemList2',
自动销毁:对,
selectedCls:'x-item',
可滚动:“垂直”,
高度:“100%”,
itemTpl:new Ext.XTemplate(
'',
' ',
“{gName}”,
'',
ASVari.appInfo.currencyName+'{[Util.formatMoney(values.gPrice)]}×;',
“{gQuantity}”,
'',
'',
''
)
}
]
}
});

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

就动态设置数据而言,可以对Ext.Panel()和Ext.data.List()使用getData()和setData()、getHeight()和setHeight()方法

基于您可以在控制器中侦听的某个事件,您可以从一个视图中获取所有属性,并将它们设置到另一个视图中

对于“如何为父级添加滚动条,即Ex.Panel”,我真的不确定您要问什么,但我认为您正在寻找一种类似于滚动容器的东西,其中的项目位于包含详细信息视图的静态容器旁边

如果是这种情况,请查看。您可以做一些事情,将一个包含flex:1的列表放在一个包含详细信息和flex:5(或其他内容)的容器旁边。然后,您将侦听列表上的itemTap,并用所需的数据加载容器视图

很抱歉,这是一个简短的问题,但我不想花时间回答一个你没有问的问题

请告诉我怎样才能给你更好的信息

祝你好运

布拉德