`

下拉框之——动态获取数据

阅读更多
adduser.securityDegree1=null;
adduser.securityDegree = new Ext.form.ComboBox( {
		store : new Ext.data.Store( {
			proxy : new Ext.data.HttpProxy( {
				url : '../JSON/groups_GroupsRemote.getSecurityDegree'
			}),
			reader : new Ext.data.JsonReader( {
				totalProperty : 'totalProperty',
				root : 'root'
			}, [ {
				name : 'id'
			}, {
				name : 'name'
			} ])
		}),
		fieldLabel : "密级"',
		hiddenName : 'securityDegree',
		valueField : "id",
		displayField : "name",
		mode : 'remote',
		allowBlank : true,
		disabled : false,
		forceSelection : true,
		editable : false,
		triggerAction : 'all',
		emptyText : 请选择密级*...,
		labelStyle : 'padding:5px 0px 5px 0px',
		listeners : {
			select : function(combo, record, index) {
				adduser.securityDegree1 = record.get('id');
			},
			beforequery : function(qe) {
				delete qe.combo.lastQuery;
			}
		},
		style : 'margin-bottom: 5px;',
		width : 175
	});

后台用JSONArray和JSONObject返回数据:
JSONObject obj = null;
JSONArray ary = new JSONArray();

for(Grops g:list){
   obj = new JSONObject();
   obj.put("id",g.getItemID());
   obj.put("name",g.getItemName());
   ary.add(obj);
}

obj = new JSONObject();
obj.put(”totalProperty",ary.size());
obj.put("root",ary);
return obj.toString();




obj.put("tatalProperty",ary.size());
obj.put("root",ary);















{
					xtype : 'combo',
					anchor : "90%",
					store : new Ext.data.Store({

						proxy : new Ext.data.HttpProxy({
							url : '../JSON/maintenance_deptype_deptypeService.getDeptypeName'
						}),
						reader : new Ext.data.JsonReader({
									totalProperty : 'totalProperty',
									root : 'results'
								}, [{
											name : 'typename'
										}, {
											name : 'deptypeid'
										}]),
						baseParams : {
							deptypeid : kind
						}
					}),
					valueField : "deptypeid",
					displayField : "typename",
					mode : 'remote',
					forceSelection : true,
					hiddenName : 'kind',
					editable : false,
					triggerAction : 'all',
					fieldLabel : '' + getResource('resourceParam686') + '',
					blankText : '' + getResource('resourceParam683') + '',
					name : 'kind',
					emptyText : '' + getResource('resourceParam684') + '',
					allowBlank : false
				}




分享到:
评论

相关推荐

    ajax实现动态从数据库模糊查询显示到下拉框中(ajax方法返回Dataset的例子

    本文将详细讲解如何使用Ajax实现从数据库进行模糊查询,并将结果显示到下拉框(Dropdown List)中,这里我们将以一个具体例子——通过Ajax方法返回Dataset来阐述整个过程。 首先,我们需要在服务器端设置一个能够...

    在PB中巧用下拉数据窗口

    除了动态改变SQL语句外,还可以通过设置取值参数来实现更简单的数据获取方式。这种方法适用于从固定表中取数据的情况。具体操作如下: 1. **修改`dw_code`** - 选择`Design`菜单下的`Retrieval Arguments...`,...

    详解ASP.NET MVC之下拉框绑定四种方式

    这种情况下,首先需要有一个从数据库获取数据的类(例如`BlogCategory`类),然后在控制器中查询数据库,并把结果转换为`SelectListItem`的集合传递给视图。以从数据库中获取分类信息为例: ```csharp var ...

    Android城市级联下拉框(自定义Spinner)

    - **动态更新数据**:在事件监听器中,我们根据当前省份选择的值获取对应的市列表,然后更新第二个Spinner的Adapter。这个过程可能涉及到网络请求或本地数据库查询。 ```java // 假设getCityListByProvince返回一个...

    在mvc下采用ajax实现三级城市县级联下拉框

    前端JavaScript接收到响应后,解析JSON数据,动态更新第二级的县区下拉框。同样的逻辑也可以应用到第三级,例如乡镇或社区,确保用户每次选择都会即时更新后续级别的选项。 对于标签“ajax”,理解它是Asynchronous...

    QUI树形下拉框

    QUI框架的V2.1.5版本带来了全新的组件——QUI树形下拉框,这是一个功能丰富、设计精美的UI控件,特别适用于需要展现层级关系的下拉选择场景。以下将详细介绍该组件的多个特点: 1. **美化且可自定义外观**:此...

    基于jQuery Selector.js插件实现的联动下拉框表单美化效果源码.zip

    3. **编写事件处理函数**:在事件处理函数中,获取当前选中的值,并基于这个值通过Ajax请求或者预先定义的数据来更新下一个下拉框的选项。 4. **Ajax请求**(如果需要):如果数据不是预先加载的,可以发送Ajax请求...

    jQuery带多选和过滤功能的树状结构下拉框插件

    4. **自定义数据结构**:插件允许开发者根据自己的需求定制数据格式,便于从后端获取并呈现数据。 5. **交互友好**:提供了良好的用户体验,如展开/折叠节点,以及平滑的动画效果。 **使用步骤** 1. **引入依赖**...

    C# MVC 使用LayUI实现下拉框二级联动的功能

    下拉框二级联动是指在一个下拉框中选择某个选项后,另一个下拉框的选项列表将根据选择的结果动态变化。 实现下拉框二级联动的功能需要使用 LayUI 库提供的模块加载机制,通过 layui.use() 方法来加载所需的模块,...

    jQuery仿百度搜索下拉框自动补全代码插件.zip

    1. 数据预处理:在使用typeahead.js之前,需要先准备好数据源,这可能是一个数组,也可以是从服务器获取的数据。数据源中的每个条目应包含用于匹配的关键词。 2. 初始化插件:在HTML中设置好搜索框后,使用jQuery...

    MFC下拉框的例子,初学者适用

    本示例主要关注MFC中的一个控件——下拉框(ComboBox),这对于创建用户界面时提供选择项非常有用。下拉框结合了文本输入框和列表框的功能,用户可以输入自定义文本或从预设的列表中选择。 首先,我们需要了解MFC中...

    PB的数据窗口功能扩展

    例如,DW_Refresh()函数用来刷新数据窗口,DW_GetItemText()和DW_SetItemText()用于获取和设置数据窗口中某一单元格的值。 七、数据窗口的脚本支持 PB支持Script语言,可以在数据窗口的各种事件中编写脚本来实现...

    jquery自动完成下拉框源码示例

    // 这里可以是 AJAX 请求到服务器获取数据,或者直接使用本地数据 // 假设我们有一个数组 data 包含匹配项 var matches = $.grep(data, function(item) { return item.toLowerCase().indexOf(request.term....

    能写能选择的下拉框

    本文将详细介绍如何在JSP页面中实现一个能写能选择的下拉框,并对其关键功能——级联选择进行解释。 #### 二、基础知识介绍 1. **HTML Select标签**:用于创建一个下拉列表,用户可以从该列表中选择一个或多个选项...

    jQuery弹出式下拉框省市区三级联动地区选择插件.zip

    此外,如果数据是动态获取的,可能还需要对接后台接口,实现数据的异步加载。 总的来说,"jQuery弹出式下拉框省市区三级联动地区选择插件"是一个实用的工具,它利用jQuery的强大功能,解决了Web开发中的常见问题。...

    combobox Ext之扩展组件多选下拉框

    本篇将重点讲解ExtJS中的一个扩展组件——多选下拉框,即“combobox”。 在ExtJS中,ComboBox是一个基本的输入组件,它结合了文本输入框和下拉列表的功能。默认情况下,ComboBox只允许用户选择一个选项。但是,通过...

    下拉框插件jquery.select.js

    本文将详细介绍一个基于jQuery的下拉框插件——`jquery.select.js`。 `jquery.select.js` 是一个专为改善HTML下拉框样式而设计的jQuery插件。它允许开发者通过简单的配置,实现具有丰富视觉效果和交互体验的自定义...

    通用型带CheckBox的ComboBox下拉框控件

    本主题将深入探讨一个特定的自定义控件——“通用型带CheckBox的ComboBox下拉框控件”。这个控件结合了ComboBox的下拉功能和CheckBox的选择特性,使得用户在选择下拉项时能有更多的交互方式。 ComboBox是Windows ...

    教你一天玩转JavaScript(八)——使用JavaScript完成省市联动的效果

    在获取数据后,再进行上述的DOM操作和事件绑定。 总结一下,实现省市联动效果涉及以下JavaScript知识点: 1. DOM操作:获取和操作页面元素。 2. 事件处理:监听并响应用户行为。 3. JSON数据处理:读取和解析JSON...

Global site tag (gtag.js) - Google Analytics