extjs - 基于项目数的sencha touch中数据视图列表的高度

Question

我需要根据项目数调整 sencha touch 中数据视图列表的高度。到目前为止我所做的只是该列表中的这些配置

    config: {
        fullscreen: true,
         height:'100%'
   store: 'CategoryListStoresecond',
        loadingText: "Loading ...",
        emptyText: "<div>No items found.</div>",
        onItemDisclosure: true,
        grouped: false,
        itemTpl : '<div id="{Name}"> <img src="{Image}" /> <!--<h2>{Name}</h2>--!><p>{Name}</p></div>',
},   

Answer 1

我想你可以这样做

var store = list.getStore();

store.load( { callback: function(records, operation, success) {
    list.setHeight({items.height} * records.length);
});

我做到了，它有效。但我认为你必须确保没有太多记录。并且列表不可滚动。

无需在您的情况下设置全屏和高度。

Answer 2

如果您想要http://docs.sencha.com/touch/2-1/#!/api/Ext.Component-cfg-maxHeight ，可以尝试使用 maxHeight 和 minHeight

此外，如果它覆盖内部vbox布局，您可以使用它flex来控制高度。