`

combo 二级联动

 
阅读更多
{
									xtype : 'combo',
									hiddenName : 'selPersonForUnit',
									fieldLabel : '选择人员',
									triggerAction : 'all',
									readOnly : true,
									editable : false,
									lazyInit : false,
									mode : 'local',
									store : UnitPersonsDS,
									displayField : 'persName',
									valueField : 'persid',
									listeners : {
										select : function(combo, record, index) {
											UnitFuncDS.load({
														params : {
															persid : combo
																	.getValue()
														}
													});
										}
									}
								}, {
									xtype : 'combo',
									hiddenName : 'selFuncForUnit',
									fieldLabel : '选择岗位',
									triggerAction : 'all',
									readOnly : true,
									editable : false,
									lazyInit : false,
									mode : 'local',
									store : UnitFuncDS,
									displayField : 'funcName',
									valueField : 'funcId'
								}

 我是这样做的

2个 combo 都是local,store的数据从服务器读

点击一个按钮会弹出一个window,上面就有这2个combo,在弹出的时候就第一个combo的store就会去load数据,然后因为combo的mode 为local,这时下拉第一个combo会展示加载好的数据(假如为remote的话会再次加载,造成浪费)

然后设置第一个combo的select事件是加载第2个combo的store的数据(把第一个combo的选择数据传到后台),然后下拉第2个的时候就可以展示数据,以此类推可以一直联动下去

 

关于mode

假如为local 则 点击下拉的时候 直接combo去取store的数据  然后展示 不管有没有

假如为remote 则一定会让store load一次,不管之前是否已有数据

分享到:
评论

相关推荐

    ExtJS Combobox二级联动列子

    下面我们将详细讨论如何在ExtJS中实现Combobox的二级联动。 一、基础概念 1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:...

    ext combobox二级联动

    ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...

    实现combox二级

    在编程领域,尤其是在GUI(图形用户界面)设计中,二级联动是常见的功能,它涉及到控件之间的交互,尤其是当一个控件的选择会影响另一个控件的显示时。在Qt框架下,这种功能通常通过信号和槽机制来实现。本示例中的...

    extjs的ComboBox 2级联动

    在Web应用程序中,我们经常需要实现二级联动效果,即一个ComboBox的选择会影响另一个ComboBox的显示内容。这在数据关联和筛选场景中尤为常见,例如省份和城市的关联选择。本文将深入探讨如何在ExtJS中实现ComboBox的...

    省市二级联动

    省市二级联动是网页开发中常见的交互功能,常用于地址选择,用户在选择省份后,下拉框会自动更新为对应省份的城市列表。这种功能能够优化用户体验,减少用户手动输入,提高数据准确性。以下是对这个话题的详细解释:...

    vb6 ComboBox中国城市三级联动演示

    本项目“vb6 ComboBox中国城市三级联动演示”是一个实例,它展示了如何利用VB6来实现一个功能丰富的城市选择系统,该系统能够根据用户的选择动态更新下拉列表,展示中国的省、市、区三级行政区域。 在这个系统中,...

    Ext combo 下拉框级联

    级联下拉框意味着一个下拉框的选项取决于另一个下拉框的选择,这种联动效果常见于地理信息选择、部门与员工选择等场景,为用户提供了一种便捷的多级选择方式。 在Ext JS中,ComboBox提供了级联数据加载的功能,这...

    EasyUI学习之Combobox级联下拉列表(2)

    这些Comboboxes是相互关联的,当用户在一个下拉列表中选择一个选项时,下一个级别的下拉列表将根据前一选择进行更新,展示与之相关的选项。 1. HTML代码部分展示了Combobox的基本结构。每个输入框都带有`class=...

    基于easyui 1.4.5的单选和多选框组件

    二、单选框(Radio) 在HTML中,单选框通常用于提供一组互斥的选项。在EasyUI中,我们可以使用`<input type="radio">`标签配合`data-options`属性来创建一个具有EasyUI样式的单选框。例如: ```html ...

    交换机资料

    - **设备级和链路级冗余**:支持内置双冗余电源,其中S5500-28F-EI支持可插拔冗余电源模块,可根据环境配置交流或直流电源。 - **智能温控风扇**:支持电源和风扇的故障检测及告警,风扇能根据温度变化自动调节转速...

    240多个jQuery插件.doc

    #### 二、jQuery插件的重要性 jQuery不仅本身提供了丰富的API和强大的功能,还拥有大量的第三方插件,这些插件极大地扩展了jQuery的功能范围,使得开发者可以轻松地添加复杂的功能到自己的项目中,如动画、表单验证...

    海量经典的jQuery插件集合

    #### 二、表单验证插件(Form Validation Plugins) **1. jQuery Validation** - **功能概述**:最常用的表单验证插件,支持多种验证规则。 - **应用场景**:几乎所有的表单验证都会用到此插件。 **2. AutoHelp** ...

Global site tag (gtag.js) - Google Analytics