Extjs：如何将存储记录用作网格的存储

Posted 2023-02-26

【中文标题】Extjs：如何将存储记录用作网格的存储

【英文标题】：Extjs: How to use store record as a store for grid

【发布时间】：2014-10-28 20:06:37

【问题描述】：

我需要完成的任务概述： 我已经与 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 页面/面板/任何东西上有两个控件：

包含星期几（可能来自商店）的 Ext Combo Box（下拉列表） Ext 网格，用于显示当天的事物数组

行为： 当从下拉列表中选择一个条目时，一周中这一天的相关数据将用于填充网格中的行。列模型是微不足道的，除了选择一天后数据如何从 JSON 存储实际获取并进入网格之外，我不担心其他任何事情。

重申：我无法理解的是如何使用商店记录作为商店来填充网格。

理想情况下，我会使用 JSON 数据填充 arrayStore，然后使用如下行：

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

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

【参考方案1】：

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

【讨论】：

谢谢，这正是我想要的！我最挣扎的事情实际上是让我了解 ext 文档。那里引用的示例很少，因此很难确切地知道任何事情的真正作用或应该如何实施。