Question

我有一个具有嵌套视图的sencha应用程序。如果我在商店中内联硬编码数据，则会填充视图。但是，如果我动态创建数据（json）并将其添加到商店，则没有任何反应。即使商店似乎有数据，视图也不会刷新。

我认为 xtype ：嵌套列表

items:[{
xtype: 'nestedlist',
store: 'MyNestedStore',
title: 'My nested list',
itemTpl: [
'<div  class=""><span>{text} </span><span></div>',
],

商品

Ext.define('MyApp.store.MyNestedStore', {
extend: 'Ext.data.TreeStore',
config: {
model: 'MyApp.model.MyNestedStore',
defaultRootProperty: 'data',
    data: [{
        category_id: 1,
        text: 'Clothing',
            data:[{
                category_id: 1,
                sub_category_id: 1,
                text: 'Tops and Tees',
                leaf:true,
                },{
                category_id: 1,
                sub_category_id: 2,
                text: 'Casual Shirts',
                leaf:true,
            }]
    }, {
        category_id: 2,
        text: 'Footwear',
            data:[{
                category_id: 2,
                sub_category_id: 1,
                text: 'Casual Shoes',
                leaf:true,
            }]
    }]  
}
});

到目前为止，它在我在商店中内联定义数据的情况下工作正常。

如果我想要动态添加相同的数据怎么办？

我尝试添加此数据，但视图（嵌套列表）不会刷新。

例如：

var store = Ext.getStore('MyNestedStore');
store.removeAll();  // works fine

store.add([{
        category_id: 1,
        text: 'Clothing',
            data:[{
                category_id: 1,
                sub_category_id: 1,
                text: 'Tops and Tees',
                leaf:true,
                },{
                category_id: 1,
                sub_category_id: 2,
                text: 'Casual Shirts',
                leaf:true,
            }]
    }, {
        category_id: 2,
        text: 'Footwear',
            data:[{
                category_id: 2,
                sub_category_id: 1,
                text: 'Casual Shoes',
                leaf:true,
            }]
    }]) //data added to store but view did not get refreshed.

我尝试在商店自动加载和自动同步。什么都没发生。帮助！

Answer 1

解决了它。添加了配置，布局：'fit'到包含嵌套列表视图的父面板。

将数据添加到树存储后，Sencha Touch嵌套列表不会刷新

1 个答案: