码迷,mamicode.com
首页 > Web开发 > 详细

extjs之下拉框联动

时间:2014-12-16 19:08:53      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:style   blog   ar   io   color   sp   for   on   数据   

{
                    xtype:"combo",
                    fieldLabel:"域",
                    name:"Domain",
                    //id:"Domain",
                    valueField: ‘values‘,
                             displayField: ‘text‘,
                             triggerAction:"all",//每次选择都能看到所有可选数据
                    editable:false,//禁止用户编辑CombiBox
                    width:298,
                    listConfig : {
                              maxHeight :176,
                         },
                         store:new Ext.data.ArrayStore({
                        fields:["values","text"],
                        autoLoad:true,
                        proxy:{
                          type:"ajax",
                          url:"../php/organize/user_getjson.php?name=Domain", //远程加载ComboBox数据,返回数组
                          reader:{
                             type:"array"
                          }
                        },
                        listeners:{"load":function(){
                          form.getForm().findField(‘Domain‘).select(form.getForm().findField(‘Domain‘).getStore().getAt(0));
                          var Domain=form.getForm().findField(‘Domain‘).getValue();
                          form.getForm().findField(‘Device_ID_SCC‘).clearValue();
                          form.getForm().findField(‘Device_ID_SCC‘).getStore().getProxy().url="../php/organize/user_getjson.php?name=Device_ID_SCC&Domain="+Domain;
                           form.getForm().findField(‘Device_ID_SCC‘).getStore().load();
                           form.getForm().findField(‘Device_ID_SCC‘).getStore().on(‘load‘, function(){
                                    form.getForm().findField(‘Device_ID_SCC‘).select(form.getForm().findField(‘Device_ID_SCC‘).getStore().getAt(0))
                                });
                        }
                       }
                    }),
                    listeners:{
                        "select":function(){
                           var Domain=this.getRawValue();
                             form.getForm().findField(‘Device_ID_SCC‘).clearValue();//当域下拉值变更时,清空注册服务器下拉选项中的值
                           form.getForm().findField(‘Device_ID_SCC‘).getStore().getProxy().url="../php/organize/user_getjson.php?name=Device_ID_SCC&Domain="+Domain;
                           form.getForm().findField(‘Device_ID_SCC‘).getStore().load();
                           form.getForm().findField(‘Device_ID_SCC‘).getStore().on(‘load‘, function(){
                                 form.getForm().findField(‘Device_ID_SCC‘).select(form.getForm().findField(‘Device_ID_SCC‘).getStore().getAt(0))
                              });
                        }
                    },
                   
                        },
                  {
                    xtype:"combo",
                    fieldLabel:"注册服务器",
                       name:"Device_ID_SCC",
                        //id:"Device_ID_SCC",
                       width:298,
                       valueField: ‘values‘,
                             displayField: ‘text‘,
                             triggerAction:"all",//每次选择都能看到所有可选数据
                    editable:false,//禁止用户编辑CombiBox
                    listConfig : {
                             maxHeight :176,
                             },
                          store:new Ext.data.ArrayStore({
                     fields:["values","text"],
                              proxy:{
                           type:"ajax",
                            reader:{
                              type:"array"
                           }
                         }
                   }),
                       
                  },

 

extjs之下拉框联动

标签:style   blog   ar   io   color   sp   for   on   数据   

原文地址:http://www.cnblogs.com/jly553/p/4167555.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!