ExtJs combobox 绑定ajax请求的数据
时间: 2023-12-27 13:10:15 浏览: 156
可以通过以下步骤来绑定 ExtJs 的 ComboBox 组件到 AJAX 请求的数据:
1. 创建一个 Store 来保存请求的数据
```
var store = Ext.create('Ext.data.Store', {
fields: ['value', 'text'],
proxy: {
type: 'ajax',
url: 'your_ajax_url',
reader: {
type: 'json',
rootProperty: 'data'
}
}
});
```
2. 创建 ComboBox 组件并绑定 Store
```
var comboBox = Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Select',
displayField: 'text',
valueField: 'value',
store: store,
queryMode: 'remote',
forceSelection: true,
typeAhead: true,
selectOnFocus: true,
editable: false
});
```
3. 发送 AJAX 请求并加载数据到 Store
```
store.load();
```
在上面的代码中,`url` 属性应该指向返回 JSON 格式数据的 AJAX 请求的地址。`rootProperty` 属性应该对应 JSON 数据中的数组名称。ComboBox 组件的 `displayField` 和 `valueField` 分别对应 JSON 数据项的文本和值字段。
希望这个例子能够帮助你绑定 ExtJs ComboBox 组件到 AJAX 请求的数据。
阅读全文
相关推荐















