{
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一次,不管之前是否已有数据
分享到:
- 2009-09-24 18:56
- 浏览 1351
- 评论(0)
- 论坛回复 / 浏览 (0 / 2003)
- 查看更多
相关推荐
下面我们将详细讨论如何在ExtJS中实现Combobox的二级联动。 一、基础概念 1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:...
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
在编程领域,尤其是在GUI(图形用户界面)设计中,二级联动是常见的功能,它涉及到控件之间的交互,尤其是当一个控件的选择会影响另一个控件的显示时。在Qt框架下,这种功能通常通过信号和槽机制来实现。本示例中的...
在Web应用程序中,我们经常需要实现二级联动效果,即一个ComboBox的选择会影响另一个ComboBox的显示内容。这在数据关联和筛选场景中尤为常见,例如省份和城市的关联选择。本文将深入探讨如何在ExtJS中实现ComboBox的...
省市二级联动是网页开发中常见的交互功能,常用于地址选择,用户在选择省份后,下拉框会自动更新为对应省份的城市列表。这种功能能够优化用户体验,减少用户手动输入,提高数据准确性。以下是对这个话题的详细解释:...
本项目“vb6 ComboBox中国城市三级联动演示”是一个实例,它展示了如何利用VB6来实现一个功能丰富的城市选择系统,该系统能够根据用户的选择动态更新下拉列表,展示中国的省、市、区三级行政区域。 在这个系统中,...
级联下拉框意味着一个下拉框的选项取决于另一个下拉框的选择,这种联动效果常见于地理信息选择、部门与员工选择等场景,为用户提供了一种便捷的多级选择方式。 在Ext JS中,ComboBox提供了级联数据加载的功能,这...
这些Comboboxes是相互关联的,当用户在一个下拉列表中选择一个选项时,下一个级别的下拉列表将根据前一选择进行更新,展示与之相关的选项。 1. HTML代码部分展示了Combobox的基本结构。每个输入框都带有`class=...
二、单选框(Radio) 在HTML中,单选框通常用于提供一组互斥的选项。在EasyUI中,我们可以使用`<input type="radio">`标签配合`data-options`属性来创建一个具有EasyUI样式的单选框。例如: ```html ...
- **设备级和链路级冗余**:支持内置双冗余电源,其中S5500-28F-EI支持可插拔冗余电源模块,可根据环境配置交流或直流电源。 - **智能温控风扇**:支持电源和风扇的故障检测及告警,风扇能根据温度变化自动调节转速...
#### 二、jQuery插件的重要性 jQuery不仅本身提供了丰富的API和强大的功能,还拥有大量的第三方插件,这些插件极大地扩展了jQuery的功能范围,使得开发者可以轻松地添加复杂的功能到自己的项目中,如动画、表单验证...
#### 二、表单验证插件(Form Validation Plugins) **1. jQuery Validation** - **功能概述**:最常用的表单验证插件,支持多种验证规则。 - **应用场景**:几乎所有的表单验证都会用到此插件。 **2. AutoHelp** ...