`
miaoge
  • 浏览: 109311 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类

国家、省市区县Combox联动,动态加载数据

阅读更多
国家、省市区县Combox联动,动态加载数据

{
							fieldLabel : '组织所属国家',
							hiddenName : 'sysOrganize.country',
							id : 'country',
							xtype : 'combo',
							editable : false,
							emptyText : '请选择······',
							mode : "local",
							lazyInit : false,
							allowBlank : false,
							forceSelection: true,
						    displayField : 'country',
							valueField : 'country',
							triggerAction : 'all',
							anchor : '95%',
							store : new Ext.data.SimpleStore({
										autoLoad : true,
										url : __ctxPath+ '/sys/base/loadSysDictionary.do?dataType=TYPE56fd7c4d',
										fields : ['country', 'country']
									}),
							listeners : {'select' : function(combo, record,index) {
									   var parent = Ext.getCmp('province')
									   parent.clearValue();
									   var paStore = parent.getStore();
									   Ext.Ajax.request({
								       url : __ctxPath+ '/sys/base/loadSysDictionary.do',
									   method : 'post', 
								       params:{
								      	  dataType:combo.value
								       },
								       success : function(response) {
												var result = Ext.util.JSON.decode(response.responseText);
												paStore.loadData(result);
											}
								    
								    })
										
									}
								}
						}, 
{
								fieldLabel : '所属省',
								hiddenName : 'sysOrganize.province',
								id : 'province',
								xtype : 'combo',
							    displayField : 'province',
								valueField : 'province',
								editable : false,
								mode : "local",
								emptyText : '请选择······',
								lazyInit : false,
								forceSelection: true,
								allowBlank : false,
								triggerAction : 'all',
								anchor : '95%',
								store : [],
								listeners : {'select' : function(combo, record,index) {
										   var parent = Ext.getCmp('city')
										   parent.clearValue();
										   var paStore = parent.getStore();
										   Ext.Ajax.request({
									       url : __ctxPath+ '/sys/base/loadSysDictionary.do',
										   method : 'post', 
									       params:{
									      	  dataType:combo.value
									       },
									       success : function(response) {
													var result = Ext.util.JSON.decode(response.responseText);
													paStore.loadData(result);
												}
									    
									    })
											
										}
									}
						}, 
{
							fieldLabel : '市(区、县、镇、乡)',
							hiddenName : 'sysOrganize.city',
							id : 'city',
							xtype : 'combo',
						    displayField : 'city',
							valueField : 'city',
							editable : false,
							mode : "local",
							emptyText : '请选择······',
							lazyInit : false,
							forceSelection: true,
							allowBlank : false,
							triggerAction : 'all',
							anchor : '95%',
							store : []
						}, 

 

分享到:
评论
2 楼 miaoge 2011-02-07  
meadlai 写道
请问...这个代码回显的时候有问题吗?

就是修改页面....怎么设置?这些联动的值啊?

只要你的id属性设置与传过来的值对应,修改的时候会自动选上的;还有一种方法是在获取那条记录返回成功后通过id手动设置value
1 楼 meadlai 2011-01-11  
请问...这个代码回显的时候有问题吗?

就是修改页面....怎么设置?这些联动的值啊?

相关推荐

    Extjs之旅-combox之远程加载数据

    本篇我们将深入探讨“Extjs之旅”中的一个关键组件——Combox(组合框),特别是其远程加载数据的特性。 Combox在ExtJS中是一个非常灵活的控件,它可以看作是下拉列表和文本输入框的结合体,用户可以输入文本搜索,...

    combox3级联动

    在Web开发中,经常会遇到需要根据用户选择的不同选项动态加载下一级数据的情况,比如在填写表单时选择省份后自动加载对应的城市列表,再选择城市后加载对应的区县列表等。这种多级联动的选择器在用户体验上具有很高...

    EXT中COMBOX联动

    这可能包括设置新的Store数据、筛选现有数据或动态创建新的选项。 7. **Config选项**:COMBOBOX组件有许多配置选项,如`displayField`(显示字段)、`valueField`(值字段)和`queryMode`(查询模式),这些配置会...

    Combox 加载多列数据

    这时可以考虑使用虚拟化技术,只在需要时加载部分数据,或者预加载一部分数据并按需加载剩余部分。 在提供的文件`DataWindow`中,可能包含了示例代码或者数据,用于演示如何在实际项目中实现上述功能。通过阅读和...

    c# datagirdview控件内嵌combox方法与内嵌combox可下拉可编辑与combox加载数据库数据

    本教程将详细讲解如何在DataGridView中内嵌ComboBox,并实现可下拉编辑以及从数据库加载数据的功能。 1. **创建内嵌ComboBox** 在C#中,我们首先需要在DataGridView的列定义中设置某一列的数据类型为DataGridView...

    实现combox二级

    本示例中的"实现combox二级联动"是指在一个ComboBox(下拉框)的选择改变时,根据这个选择更新另一个ComboBox的选项。 在Qt中,ComboBox是一种用于展示可选列表的控件,用户可以从下拉列表中选择一个条目。二级联动...

    DataGridView控件Combox列数据绑定

    例如,数据源可能来自数据库查询,或者需要动态加载和更新。此外,还需要处理用户的选择事件,以便在用户更改下拉列表的值时采取相应的操作。 通过`DataGridViewComboxColumn`,开发者可以提供更加交互式的用户界面...

    comboBox 加载数据的几种方式

    ### comboBox加载数据的几种方式 在用户界面设计中,`comboBox`是一种常见的控件类型,用于展示下拉列表供用户选择。它广泛应用于各种应用程序之中,包括但不限于桌面应用、网页应用等。`comboBox`能够根据不同的...

    delphi控件ComboxGrid

    6. **优化性能**:ComboxGrid可能对大量数据进行优化处理,避免一次性加载所有数据导致的性能问题,例如使用虚拟化技术只加载可视范围内的数据。 7. **用户交互**:支持用户交互,如编辑单元格、排序等,提供类似...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    这种多级联动的场景常见于有层级关系的数据选择,例如地区选择(国家-省份-城市)、部门结构(公司-部门-小组)或者如案例中的教师分类(大类-细分)等。 5. **注意事项** - 确保`url`指向的后台接口能返回正确的...

    ComBox数据绑定说明

    为了提高程序的灵活性和数据处理效率,开发人员经常需要将ComboBox控件与数据源进行绑定,以实现动态填充选项列表的功能。本文将详细介绍如何在C# Winform应用程序中实现ComboBox控件的数据绑定,以及如何从已绑定的...

    表格ComboxBox加载数据

    5. **保存和加载数据**:当应用程序启动时,可能需要从数据库或其他数据源加载ComboBox的选项。同样,当应用程序关闭时,应保存用户在ComboBox中所做的选择。你可以使用WriteObject()和ReadObject()函数从注册表或...

    WPF_MVVM中DataGrid列中使用ComBox绑定

    本话题将探讨如何在MVVM架构下,将ComBox控件集成到DataGrid列中,并实现其与数据模型的双向绑定,以实现在选择ComBox项后,数据能够即时更新到绑定的实体中。 首先,我们需要理解DataGrid的基本用法。DataGrid是...

    数据绑定(Combox)

    关于北大青鸟课程讲到的.net的数据绑定(Combox)

    WPF和Prism实现ComboBox省市县三级级联

    最后,确保对可能出现的异常进行处理,如数据加载失败、用户未选择任何项目等。进行充分的单元测试和集成测试,确保各级联动正常工作。 通过以上步骤,我们就成功地使用WPF和Prism实现了ComboBox的省市县三级级联...

    数据绑定Combox

    本Demo“数据绑定Combox”着重讲解了如何在应用程序中实现ComboBox控件的数据绑定,以及解决在绑定过程中可能遇到的问题。 ComboBox是一个常用的UI元素,它结合了下拉列表和文本输入框的功能。在Windows Forms或WPF...

    C# WPF DataGrid控件实现三级联动

    在这里,我们有三个相关的DataGrid,当用户在第一个DataGrid中做出选择时,第二个和第三个DataGrid的数据会相应地自动更新,形成一个联动的交互体验。 要实现这种效果,我们需要以下步骤: 1. **数据模型设计**: ...

    WinForm中comboBox控件数据绑定实现方法

    WinForm中comboBox控件数据绑定的实现方法 WinForm中comboBox控件数据绑定是许多开发者需要掌握的技巧,本文将详细介绍WinForm中comboBox控件数据绑定的实现方法,并结合实例形式分析了WinForm实现comboBox控件数据...

    combox数据绑定

    `ComboBox`数据绑定是将数据源(如数据库、数组或集合)与控件关联的过程,使得控件显示的数据能够动态地反映出数据源的变化。这种技术在创建交互式、数据驱动的应用程序时非常有用。 在.NET Framework环境下,尤其...

    C#COMBOX控件绑定数据库查询值.txt

    C#COMBOX控件绑定数据库查询值,将数据库查询的值绑定到combox控件上,显示给人看

Global site tag (gtag.js) - Google Analytics