extjs4.1中combobox的联动

这里combobox的联动说两种情况，一种是直接在form表单中，两个combobox的联动，这个比较简单些，另一种情况的联动是在gridpanel表中，这个稍微有点复杂，但原理都是一样的，即：联动的一个combobox发生改变，根据改变的值，另一个联动的combobox获取新的值。先看下demo的效果：

选择省份“河南省”，市选择为“郑州，洛阳，周口”

选择“河北省”，市选择为：

同样的在gridpanel表格中情况相同

1.form表单中的联动

直接看代码吧，比较简单，又几点需要注意的，在注释里面都写好了

model的定义

 1    function defineModel() {
 2 
 3             Ext.define("commonModel", {
 4                 extend: "Ext.data.Model",
 5                 fields: [{
 6                     name: "id", type: "string"
 7                 }, {
 8                     name: "name", type: "string"
 9                 }, {
10                     name: "parentid", type: "string"
11                 }]
12             });
13 
14             Ext.define("gridModel", {
15                 extend: "Ext.data.Model",
16                 fields: [{
17                     name: "username", type: "string"
18                 }, {
19                     name: "province", type: "string"
20                 }, {
21                     name: "city", type: "string"
22                 }]
23             });
24         }

View Code