Extjs:如何使用商店记录作为网格商店

时间:2014-10-28 20:06:37

标签: javascript json extjs extjs3

我需要完成的概述: 我和Ext一起工作了几个月。我一直在使用js。在任何其他框架中或仅使用jquery执行此操作将是一件简单的事情。在角度,我只是使用ng-grid来显示所选日期的数据。试图在Ext中解决这个问题让我头疼。

我有一些看起来很像这样的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页面/ panel / whatever上有两个控件:

  1. 包含星期几(可能来自商店)的Ext Combo Box(下拉列表)
  2. 一个Ext网格,用于显示当天的事物数组
  3. 行为: 当选择下拉列表中的条目时,将使用一周中该日的关联数据来填充网格中的行。列模型是微不足道的,我不担心除了在选择一天后数据实际从JSON存储进入网格之外的任何事情。

    重新迭代:我无法解决的问题是如何使用商店记录作为商店来填充网格。

    理想情况下,我会使用JSON数据填充arrayStore,并使用如下行:

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

    如果需要的话,我可以提供一个类似的东西。数据的格式确实定义了一切。

1 个答案:

答案 0 :(得分:0)

您不需要在每个组合选择上创建新的网格/存储。您可以从选定的日期(星期日)中提取数据,然后使用grid.store.loadData更新网格。

相关问题