2014-10-28 147 views
0

我需要完成的概覽: 我一直在與Ext合作幾個月。我一直在使用js。在任何其他框架中或僅使用jQuery來做這件事都是一件簡單的事情。在角度上,我只是使用ng-grid來顯示選定日期的數據。試圖在Ext中發現它正在讓我的頭部受傷。Extjs:如何使用商店記錄作爲電子商店

我有一個長得像這樣一些JSON數據...

{ 
    "Id":"1", 
    "Sunday":[ 
     {"Start":"10:15","End":"17:45"}, 
     {"Start":"20:00","End":"23:00"}, 
     {"Start":"00:15","End":"06:15"}, 
     {"Start":"08:00","End":"10:00"} 
    ], 
    "Monday":[], 
    "Tuesday":[], 
    "Wednesday":[], 
    "Thursday":[], 
    "Friday":[], 
    "Saturday":[] 
} 

我真正需要做的: 我有一個ExtJS 3.4.0頁/板上的兩個控制/無論:

  1. 一個Ext組合框(下拉列表)(從商店可能的)周的含天
  2. 一個Ext網格顯示當天的事物排列

行爲: 當選擇下拉列表中的條目時,將使用該星期幾的相關數據填充網格中的行。列模型是微不足道的,除了數據實際從JSON存儲獲取並在選擇一天之後進入網格之外,我並不擔心任何其他內容。

要重新迭代:我無法得到我的頭是如何使用商店記錄作爲商店來填充網格。

理想情況下,我會填充的JSON數據arrayStore,只是用這樣一行:

new Ext.grid.EditorGridPanel({ 
... 
    store: new Ext.data.Store(data: arrayOfSchedules[drodown.getValue()]) 
... 
}) 

我可以提供一個plunker或類似的東西,如果這是什麼需要。數據的格式確實定義了一切。

回答

0

您不需要在每個組合選擇上創建新的網格/商店。您可以從選定日期(星期日)提取數據,然後您可以使用grid.store.loadData更新網格。

+0

謝謝,那就是我一直在尋找的!我一直在努力的事情實際上是讓我的頭腦轉向ext文檔。這裏引用的例子很少,因此很難確切知道什麼是真正的或者應該如何實現。 – Shane 2014-10-29 14:35:40

+0

是的,這是一個大型圖書館,許多API ...... – Saki 2014-10-31 10:01:43