Ext 4.2以后版本 ComboBox 联动

        //combox树
        ComboTree: function (upDep, empStore) {
            var com = Ext.create(‘Ext.ux.desktop.ComboTree‘, {
                margin: ‘0 0 5 5‘,
                labelWidth: 60,
                //rootText: ‘text‘,
                emptyText: ‘请选择部门...‘,
                flex: 3,
                rootId: ‘id‘,
                expanded: true,
                storeUrl: ‘/data/personMatter/orgHandler.ashx?Action=tree‘,
                editable: false,
                name: ‘depname‘,
                value: upDep,
                id: ‘CommonUp_Add_From‘,
                selectMode: ‘all‘,
                treeHeight: 300,
                listeners: {
                    select: function (Combox, record, index) {//联动效果
                        var city = Ext.getCmp(‘emplerId‘);
                        city.clearValue();
                        city.store.removeAll();
                        depId = record.data.id;
                        empStore.load({
                            params: {
                                action: ‘empInDep‘, depId: record.data.id
                            }
                        });
                    }
                }
            });
            return com;
        },

form:
            var empStore= Ext.create(‘Ext.data.Store‘, {
                fields: [‘id‘, ‘name‘],
                proxy: {
                    type: ‘ajax‘,
                    url: ‘/data/CommonHandlers/ComboBoxHandler.ashx‘,
                    reader: {
                        type: ‘json‘,
                        root: ‘items‘
                    }
                }
            });

 
{
                            fieldLabel: ‘业务员‘,
                            labelWidth: 60,
                            margin: ‘0 0 5 20‘,
                            xtype: ‘fieldcontainer‘,
                            combineErrors: true,
                            defaultType: ‘textfield‘,
                            defaults: {
                                hideLabel: ‘true‘
                            },
                            layout: ‘hbox‘,
                            flex: 1,
                            items: [CusManage.CustomerList.ComboTree(‘‘, empStore),
                            {
                                emptyText: ‘请选择员工...‘,
                                flex: 2,
                                selectOnFocus: true,
                                xtype: ‘combobox‘,
                                name: ‘empler‘,
                                margins: ‘0 0 0 6‘,
                                valueField: ‘id‘,
                                store:empStore,
                                displayField: ‘name‘,
                                queryMode: ‘local‘,  //4.2以前版本为model,一定看清,否自抓狂
                                id:‘emplerId‘
                            }]
                        }

				
时间: 2024-11-05 23:23:21

Ext 4.2以后版本 ComboBox 联动的相关文章

Extjs4 Combobox 联动始终出现loading错误的解决办法

当重复选者combobox 联动时,下级的Combobox 会出现loading的错误表现形式,虽然Store数据已加载完也是一样. 废话少说贴代码就知道如何处理了:(注意红色部分的关键语句) }, { xtype:'combobox', labelStyle:'color:blue;', labelWidth : 70,//标签宽度 width : 200,//字段宽度 msgTarget: 'side', allowBlank: false,    //是否允许空值 labelStyle:'

vs2013+MVC3.0+EasyUI的ComboBox联动使用(二)

?? vs2013+MVC3.0+EasyUI的ComboBox联动使用(二) 简单介绍:在vs2013(.net4.0)中使用MVC3.0对于EasyUI中ComboBox的联动使用. 载入ComboBox数据,而且实现联动效果, 本文将採用EasyUI中的Date控件与ComboBox实现联动效果,如图: ----------------------------------------------------------------------------------------------

Ext JS 5 gpl版本 官方原版的下载方法

先进入官网: 然后在导航的Products中选择Sencha Ext JS,会看到以下页面: 这时候不要单击Download按钮,而是要单击导航中的DETAILS,页面切换后,就可在底部看到GPL版本的下载按钮了,,如下图: 单击Download按钮进去后就可下载GPL版本了. ext-5.1.0-gpl的官方下载地址是:http://www.sencha.com/products/extjs/download/ext-js-5.1.0/3301

Ext grid单元格加combobox

var store = Ext.create("app.store.healthRecordManage.form.familyRelationComboStore"); function rendererData(value, cellmeta, record){ var index = store.find("id",value); var record = store.getAt(index); var displayText = "";

C# Combobox联动

接上一篇博文,对界面做一个小修改,做4个combobox,形成窗口之间的联动: 界面如下: 选择combobox里的条件,单击查询获取数据 首先连接数据库,获取到数据到第一个combobox里,代码在上一篇博文里有,这里不多加叙述,实现之后进行第一个和第二个combobox的联动: 打开combobox1的SelectedIndexChanged()函数,当Combobox的值发生变化时,Combobox的值随之变化,同理Combobox3的联动写在Combobox2的SelectedIndex

Winform中多个ComboBox联动问题

本人在窗体中添加了一个FlowLayoutPanel控件flpControlContain,为了能让控件自动排位(省了自己控制位置)代码如下://在窗体中添加一个按钮,每当该按钮点击一次,添加一个下拉框 private void btnAddNew_Click(object sender, EventArgs e){this.ConditonCount++;//是一个私有字段,用于记录当前添加的是第几个,每添加一个自增1//添加列名下拉列表ComboBox cmb = new ComboBox(

TopJUI Combobox 联动

这里给联动进行一个简单定义:因Combobox选择或输入的值发生改变时对自身或者其它组件产生影响称为联动.(注:editable确定是否可以手动输入) 有两种实现方法: 一.自己写对应的onChange.onSelect方法进行联动.这种方法灵活性强一些. 注意这两个方法的激发条件即可,尤其注意在数据赋值而激发的负面影响,会导致loadData事件失效. 详细可参考JQuery/EasyUI内的文档,较为全面. 二.调用框架内部内置的方法 以地区四级联动为例 1 <fieldset> 2 &l

comboBox联动

cboProType--Items集合数据为: 0-其他1-旅行社协议2-公司协议3-VIPCARD4-INTERNET //cboProName绑定 private void BindProName() { conn.Open(); SqlDataAdapter da = new SqlDataAdapter("select ContractID,ContractName from Contract", conn); DataSet ds = new DataSet(); da.Fi

【翻译】Ext JS 6早期访问版本发布

早期访问版本是什么 如何参与 都包括什么 Sencha Ext JS 6 Sencha Pivot Grid Sencha Cmd 6 JetBrains IDE插件 反馈 原文:Announcing Ext JS 6 Early Access Release 在令人惊艳的SenchaCon 2015最后一周,我们非常兴奋,因为Ext JS 6早期访问版本要发布了.在Ext JS 6,可以使用单一的javascript框架来无缝的创建基于桌面.平板和智能手机的应用程序. 下载Ext JS 6早期