2014-05-02 66 views
0

我有一個sencha應用程序,它具有嵌套視圖。如果我在商店內嵌入數據,視圖會被填充。但是,如果我動態創建數據(json)並將其添加到商店,則不會有任何反應。即使商店似乎有數據,視圖也不會刷新。將數據添加到樹存儲後,Sencha Touch嵌套列表不會刷新

的xtype的觀點:nestedlist

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. 

我試圖在商店自動加載和自動同步。什麼都沒發生。幫幫我 !

回答

0

解決了它。向包含嵌套列表視圖的父面板添加了config,layout:'fit'。

相關問題