javascript - 使用 extjs 从 ajax 调用加载组合值

Question

我有一个用 ExtJS 编码的 UI。我希望在页面加载时完成三件事:

1. 对服务器进行 ajax 调用以检索 HashMap。

2. 在主页面板内创建一个组合框

   var combo = Ext.create('Ext.form.ComboBox', {
   fieldLabel: 'Choose State',
   id: 'mycombo',
   queryMode: 'local',
   displayField: 'name',
   valueField: 'id',
   store: [],
   renderTo: Ext.getBody()
   });
   

3. 使用检索到的 HashMap 填充此组合框。

   combo.getStore().add([[i, m.get(i)]]);
   

现在，当页面加载时，我需要执行所有三个 JavaScript 代码。请建议我该怎么做？

还有一个问题。组合框创建代码位于我在 ExtJS 中编码的主页“面板”的“项目”内。那么当页面加载时我如何调用这个创建代码呢？简而言之，我需要将组合框的详细信息存储在 javascript 'var'

中

'var combo = Ext.create(....)`

我稍后可以用它来填充组合框。那么，如何在页面加载时“调用”“items”内的代码并将其分配给“var”，因为在此之后我使用 HashMap 使用此“var”填充此组合框。

Answer 1

这是一个非常正常的功能，可以完全由 ExtJS 处理。无需手动将记录一一添加到组合存储中。您只需使用 ajax 代理定义一个商店并将其附加到组合框组件即可。该存储将被配置为提取和解析自己的数据。

Here这是一个简单的示例，说明了如何做到这一点。