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

Question

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

我的客户已要求我允许用户添加自定义窗口小部件（来自静态窗口小部件集合），因此dashboard只会显示用户想要的widgets。< / p>

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

用户将遵循的流程如下：

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

有没有人实施过这种方法？

Answer 1

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

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

下次当用户登录时，我们必须从db检索小部件名称等，并在页面laod事件和动态上动态创建小部件。

希望这能澄清你的理解。