ext combobox动态加载数据库数据

前台:

var provinceStore = new Ext.data.Store({
    proxy: new Ext.data.HttpProxy({ url: basePath + "/stationManage/station_getProvinceJSON.action" }),
    reader: new Ext.data.JsonReader(
                  { root: "" },
                  ["PROVINCEID", "PROVINCENAME"]
                  )
});  

//选择省市
var provinceIDadd = new Ext.form.ComboBox({
	anchor : '98%',
	id:'provinceIDadd',
	name : "provinceIDAdd1",
	hiddenName : "provinceID",
	displayField : "PROVINCENAME",
	valueField : "PROVINCEID",
	blankText : '请选择站点所属省份',
	emptyText : '请选择站点所属省份',
	fieldLabel : '站点所属省份',
	allowBlank : false,
	editable : false,
	triggerAction : 'all',
	store :provinceStore ,
	forceSelection : true,
	mode : 'local',
	selectOnFocus : true
})
provinceStore.load();

后台action代码

public class StationAction extends BaseAction {

	private List<Map<String, Object>> provinceList;
	public void setProvinceList(List<Map<String, Object>> provinceList) {
		this.provinceList = provinceList;
	}

	public List<Map<String, Object>> getProvinceList() {
		return provinceList;
	}
	public String getProvinceJSON(){
		String sql="SELECT PK_ID PROVINCEID,NAME PROVINCENAME FROM T_DICT_DISTRICT A WHERE A.DISTRICT_LEVEL=20";
		provinceList= stationService.findBySQL(sql);
		return "json_getProvinceList";
	}
}

strtus xml配置

<result name="json_getProvinceList" type="json" >
	       	<param name="root">provinceList</param>
</result>

加载静态数据的下拉选择框

var dataType=[['0','8列'],['1','38列'],['2','21列']];
var dataTypeStore = new Ext.data.SimpleStore({
	fields: ['dataTypeID', 'dataTypeName'],
	data : data
});

var dataTypedd = new Ext.form.ComboBox({
	anchor : '98%',
	id:'dataTypeadd',
	name : "dataTypeAdd1",
	hiddenName : "dataType",
	displayField : "dataTypeName",
	valueField : "dataTypeID",
	blankText : '请选择数据格式',
	emptyText : '请选择数据格式',
	fieldLabel : '数据格式',
	allowBlank : false,
	editable : false,
	triggerAction : 'all',
	store :unitStore ,
	forceSelection : true,
	mode : 'local',
	selectOnFocus : true
})

ext combobox动态加载数据库数据,布布扣,bubuko.com

时间: 2024-12-28 02:48:12

ext combobox动态加载数据库数据的相关文章

atitit.动态加载数据库配置in orm hibernate mybatis

atitit.动态加载数据库配置in orm 1. 动态加载数据库配置的优点::: 1 1.1. 组合多个配置文件... 1 1.2. 连接多个数据库 1 2. 基本的流程:::getCfg内存对象,,,,生成工厂类,在opoenSession 1 2.1. Hibernate动态添加配置流程 1 2.2. mybatis动态添加配置流程 1 2.3. #===hb code 2 3. 参考 3 1. 动态加载数据库配置的优点::: 1.1. 组合多个配置文件... 1.2. 连接多个数据库 2

动态加载页面数据的小工具 javascript + jQuery (持续更新)

使用该控件,可以根据url,参数,加载html记录模板(包含json参数对应,以及具体记录位置Index根据参数描述加载对应的属性,并可以根据简单的判断分支加载对应html或者控件)至列表容器内(JQuery选择器字符串)注: 该控件在使用前需引入JQuery框架支持,使用该控件,可极大的减少Ajax列表数据动态加载开发工作的实际工作量. 使用方式: 首先,添加控件引用,并加入Jquery支持 <script src="js/jquery.js"></script&g

ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动

一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2在js中用keyup事件来进行操作 3创建ajax格式和内容:格式: $.ajax({ url:"哪一个服务端处理器", data:{"自己起名",所需要传给处理器的数据}, type:"post", dataType:"json"

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面

通过在jquery中添加函数发送ajax请求来加载数据库数据,以json的格式发送到页面 从数据库中查询仓库信息,显示在下拉菜单中: 首先,引入js插件,这里使用jquery-1.8.3.js <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.js"></script> 当页面加载完成后,就应该发送ajax请求到数据库,

viewpager动态加载listView数据

package com.example.viewpage; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.annotation.SuppressLint; import android.app.Activity; import android.graphics.BitmapFactory; import androi

Spring:启动项目时加载数据库数据(总结)

在项目中需要启动程序时,要将数据库的用户信息表加载到内存中,找到一下几种方式. 1.实现ApplicationListener接口,重写onApplicationEvent方法,可以在项目启动的时候执行该方法. @Component("userInit") public class UserInit implements ApplicationListener { public static Map<String,User> map=new HashMap<Strin

Echarts使用及动态加载图表数据

Echarts使用及动态加载图表数据 官网:http://echarts.baidu.com/ 1.文档 2.实例 名词: 1.统计维度(说明数据) 维度就是统计致力于建立一个基于多方位统计(时间.地域.访问者).全方位分析网站流量的统计标准,形成原始数据,数据视觉化,数据行为化,数据深入挖掘的数据分析的模式 2.指标(衡量数据) 指标是指可以按总数或比值衡量的具体维度元素.例如,维度"城市"可以关联指标"人口",其值为具体城市的居民总数  

动态加载表格数据(自定义)

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> tr>td{ width: 100px; border: 1px solid red; } </style></head><body><ul id="boxU

Android-LoaderManager异步加载数据库数据

LoaderManager异步加载数据库数据,是在(Activity/fragment/其他UI等) 加载大量的本地Database库表数据,由于数据大在加载过程中会导致UI线程阻塞,导致用户体验不好,Android为来解决这个问题,就设计了LoaderManager异步加载数据库数据 以前我在深圳做项目的时候,公司研发的APP是给中国联通人员在山上工作办事的,对这款APP要求离线数据,大量的离线数据(成百上千条)都是存储在本地Database表里面的,常常在查询本地Database数据的时候,