extjs之下拉框联动

{
                    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"
                           }
                         }
                   }),

                  },
时间: 2024-10-29 00:03:19

extjs之下拉框联动的相关文章

ajax技术实现登录判断用户名是否重复以及利用xml实现二级下拉框联动

今天学了ajax技术,特地在此写下来作为复习. 一.什么是ajax? 客户端(特指PC浏览器)与服务器,可以在[不必刷新整个浏览器]的情况下,与服务器进行异步通讯的技术  即,AJAX是一个[局部刷新]的[异步]通讯技术, 说白了就是局部刷新. 二.ajax的原理如下图 附上ajax与服务器之间的几种状态,但 4是所有浏览器都支持的的 三.ajax包含的技术如下图 四.ajax开发步骤 步一:创建ajax对象,例如:ajax = createAjax(); 步二:开启异步对象:例如:ajax.o

JQuery打造下拉框联动效果

做联动效果,若是用纯JavaScript来做,往往须要辅助页面保存须要刷新的结果集,然后渲染到原页面.考虑将须要动态刷新的内容自己主动拼接到前一个下拉框之后,当前一个下拉框onchange后,同级的后面的下拉框所有清除,然后又一次拼接刷新的内容.用JQuery实现比較easy,代码以省市联动效果为例实现. JSP页面代码例如以下: <li id="base"> <p>生源地:</p> <label> <select id="

基于bootstrap-multiselect.js的下拉框联动

背景:当option特别多时,一般的下拉框选择起来就有点力不从心了,所以使用multiselect是个很好的选择,可以通过输入文字来选择选项很方便,但是有一个需要下拉框联动,网上找了半天才找到解决方法,在此分享一下 1.先引入 <script src="~/Assets/js/bootstrap-multiselect.min.js"></script> <link href="~/Assets/css/bootstrap-multiselect

月薪10K必备--C#下拉框联动

               下拉框联动 很多网站上都用到下拉框联动,就是第一个下拉框没有选择任何项,第二个下拉框就没有选项.这样的做法更加谨慎,更加紧密. 下面我就教大家怎么做下拉框联动: 首先在窗体的Load事件中给第一个下拉框赋选项 然后第一个下拉框就有选项了 然后我们在第一个下拉框的SelectedIndexChanged()事件中(也就是双击下拉框)写第二个下拉框的代码 这样的话,只要第一个下拉框没选中一项,第二个下拉框就不会有选择项! 下拉框联动就是这样,希望对读者多多少少有点帮助!

Java Swing应用程序 JComboBox下拉框联动查询

在web项目中,通过下拉框.JQuery和ajax可以实现下拉框联动查询. 譬如说,当你查询某个地方时,页面上有:省份:<下拉框省份> 市区:<下拉框市区> 县乡:<下拉框县乡> 街道:<街道下拉框> 查询 譬如说,你选择了省:江苏省,那么在市区中只会显示江苏省的市区 譬如:(网上的图) 具体详细实现可以参考,写得挺好的:http://blog.csdn.net/sinat_24491773/article/details/50810471 那么在swing

html年月日下拉联动菜单 年月日三下拉框联动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head><title>年月日三下拉框联动</title>

下拉框联动方法封装

业务中经常需要对数据进行下拉框的联动选择操作,可以假设成省份城市 省份城市县这样的多级联动 客户那边提供的数据大多为excel,格式都属于标准一行列的 假设需要对省份城市进行联动 实现如下 1 var pcd = []; 2 pcd[0] = ['北京', '北京']; 3 pcd[1] = ['天津', '天津']; 4 pcd[2] = ['河北', '石家庄']; 5 pcd[3] = ['河北', '唐山']; 6 pcd[4] = ['山西', '太原']; 7 pcd[5] = ['

Python自动化之下拉框,隐藏标签定位 代码&报错解决

python自动化:下拉框定位方法之select标签 style="display: none;"报错selenium.common.exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated 界面源码:(禅道为例)排查:1)因为是隐藏的,需要操作其可见才可定位 2)若还是无法定位,请查看前

Ajax提高篇(7)Ajax实现简单的下拉框联动显示数据

页面中的两个下拉列表框: <tr> <td style="width: 130px"> 所在学院:</td> <td style="width: 100px"> <select id="college" style="width: 200px" runat="server" onchange="changcollege(this.value)&