English
资源说明：如： 复制代码 代码如下: editCityStore.load({ params: { provinceID: proid }); Ext.getCmp(‘city-id-name’).setValue(cityid); 由于是store是异步加载的，所以他会先赋值再填充值到ComboBox，，这里就需要用： 当加载完成后再进行赋值 : 复制代码 代码如下: editCityStore.load({ params: { provinceID: proid }, callback: function () { //等待数据加载完成才进行赋值，不然由于异步会出现先赋值后加载完成。 Ext.ge
在EXTJS中，ComboBox是一个非常常用的组件，它用于创建下拉选择框，通常与数据存储（Store）结合使用，提供动态加载数据的功能。在实际应用中，我们常常需要在ComboBox加载完数据后设置其初始值，以确保用户看到的是正确的预设选项。本文将详细解释如何在EXTJS中实现ComboBox的加载并赋初值。
我们需要理解ComboBox的基本结构。ComboBox由两个主要部分组成：一个文本输入框和一个下拉列表。下拉列表的数据来源于一个Store，Store负责从服务器或本地获取数据并填充到ComboBox中。当ComboBox的Store加载数据时，这是一个异步过程，这意味着在数据加载期间，程序的执行不会等待数据加载完成。
在给定的代码示例中，我们看到以下两段代码：
1. `editCityStore.load({ params: { provinceID: proid }});` 这行代码触发了Store的加载操作，向服务器发送请求，参数`provinceID`用于筛选数据。然而，由于加载是异步的，我们不能保证在调用`setValue`方法时数据已经加载完毕。
2. `Ext.getCmp('city-id-name').setValue(cityid);` 这行代码试图设置ComboBox的值为`cityid`。但因为Store的数据可能还没有加载，这可能导致ComboBox的下拉列表中找不到对应的值，从而显示为空或者错误的值。
为了解决这个问题，我们需要确保在数据加载完成后才执行赋值操作。EXTJS提供了回调函数（callback）来处理这种情况。我们可以在Store的加载配置中添加一个回调函数，如下所示：
```javascript
editCityStore.load({
params: { provinceID: proid },
callback: function () {
// 在这里，我们可以确信数据已经加载完成
Ext.getCmp('city-id-name').setValue(cityid);
},
scope: editCityStore, // 表示作用范围
add: false // 为false表示数据不累加
});
```
这里的`callback`函数会在Store加载数据完成后执行，确保了在设置ComboBox的初始值时，其关联的Store已经填充了所有必要的数据。`scope`参数定义了回调函数的作用域，通常设置为Store本身，以便在回调函数内部可以访问到Store的相关属性和方法。`add: false`则意味着这次加载的数据不会与Store中原有的数据合并，而是替换原有的数据。
总结来说，EXTJS中ComboBox加载并赋初值的关键在于理解异步加载的特性，并利用回调函数来确保赋值操作在数据加载完成之后进行。通过这种方式，我们可以保证ComboBox正确地显示预设的初始值，提高用户体验。在编写EXTJS应用程序时，这种处理异步数据加载的方法是非常常见的实践。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
