ExtJS 为仪表板小部件动态加载视图

Question

在我的ExtJS 4.2.1 应用程序中，我有一个仪表板屏幕，其中显示了一些图表和网格。

我的客户已要求我允许用户添加自定义小部件（来自小部件的静态集合），因此 dashboard 将只显示用户想要拥有的 widgets。

所以我必须根据用户登录时从服务器发送的一些JSON 动态创建widgets。但我不知道如何实现这一点。

用户将遵循的过程如下：

1. 在我的仪表板视图中，我将有 4 个面板（表格布局）。
2. 每个面板都有一个tool（齿轮图标）。
3. 用户单击此齿轮图标，将显示一个窗口，其中包含他可以分配给该面板的可用小部件列表。
4. 用户选择了他想要添加到所选面板的小部件，然后按下了“应用”按钮。
5. 在单击按钮事件时，首选项将保存在数据库中。
6. 用户下次登录应用程序时，首选项将加载到初始 JSON 中，以便可以将小部件加载到每个面板中。

有人实施过这种方法吗？

Answer 1

我将尝试解释单个面板，然后您可以在多个面板上扩展/使用它（可能使用 tbl 布局）。假设我们已经创建了一些图表视图文件（对于 extjs 文档上的这个参考图表教程），图表文件应该有一个配置（自定义配置），我们将通过它传递图表所需的实时/动态数据。

因此，我们将首次允许用户从列表中选择图表/小部件选项，我们将在其选择事件上创建图表/小部件，并保存小部件的名称或该小部件中提供的任何其他额外设置以及数据库中的用户详细信息。

下次用户登录时，我们必须从数据库中检索小部件名称等，并在页面加载事件和显示上动态创建小部件。

希望这能澄清您的理解。