今天忙了一天,终于解决了让我头疼的ComboBox加载后台数据,作为一个菜鸟新手,自己独立解决了一个困扰已久的问题,真是十分欣慰啊,呵呵,来不及就想拿出来和大家分享一下!
Ext.onReady(function(){
var storeProvince = new Ext.data.JsonStore({
autoLoad:true,
url : "http://localhost:8080/HyitSystem/testCombo.action",
root : "provincelist",
fields : [{
name : 'id'
}, {
name : 'province'
}]
});
var comboProvince = new Ext.form.ComboBox({
store: storeProvince,
name:'cName',
fieldLabel:"选择省",
mode: 'local',
triggerAction: 'all',
valueField: 'id',
displayField: 'province',
hiddenName:'id',
emptyText: '请选择所在省',
blankText: '请选择...',
selectOnFocus: true,
allowBlank: false,
editable: false
});
var form = new Ext.form.FormPanel({
labelAlign : 'right',
labelWidth : 60,
renderTo:Ext.getBody(),
title:"级联选择",
width:290,
frame : true,
items : [{
layout : 'form',
items : [comboProvince]
}]
})
})
后台数据输出样式如下:
{"provincelist":[{"id":1,"province":"河南省"},{"id":2,"province":"河北省"},{"id":3,"province":"山西省"},{"id":4,"province":"山东省"},{"id":5,"province":"湖南省"},{"id":6,"province":"湖北省"},{"id":7,"province":"四川省"},{"id":8,"province":"辽宁省"},{"id":9,"province":"吉林省"},{"id":10,"province":"黑龙江省"},{"id":11,"province":"广东省"},{"id":12,"province":"浙江省"},{"id":13,"province":"福建省"},{"id":14,"province":"甘肃省"},{"id":15,"province":"江西省"},{"id":16,"province":"陕西省"},{"id":17,"province":"海南省"},{"id":18,"province":"江苏省"},{"id":19,"province":"安徽省"},{"id":20,"province":"云南省"},{"id":21,"province":"贵州省"},{"id":22,"province":"天津市"},{"id":23,"province":"北京市"},{"id":24,"province":"上海市"},{"id":25,"province":"重庆市"},{"id":26,"province":"新疆维吾尔族自治区"},{"id":27,"province":"内蒙古自治区"},{"id":28,"province":"西藏自治区"},{"id":29,"province":"广西壮族自治区"},{"id":30,"province":"宁夏回族自治区"},{"id":31,"province":"香港特别行政区"},{"id":32,"province":"澳门特别行政区"}]}
一定要保证输出格式的正确哦,不然就加载不了了。
分享到:
相关推荐
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
Extjs4 表单从数据库读取数据映射到对应的字段中显示
Extjs checkboxgrop动态获取后台数据,并默认为全选状态
extjs 自动补全,模拟下拉列表combobox
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
当需要为ComboBox加载数据后进行赋初始选中项的话,如果是写在store.load()之后
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
EXTJS AJAX方式发送数据给后台服务器
NULL 博文链接:https://huiqinbo.iteye.com/blog/2216788
可二次开发Extjs4.0通用后台管理系统源码完整大型项目。数据库在项目里面的一个sql文件里面 1、采用Spring MVC的静态加载缓存功能,在首页将Javascript文件、CSS文件和图片等静态资源文件加载进来放进内存,极大提高...
已经整理,能直接看效果的哦,用着不错,要使用的拿走吧
首先在窗体中添加一个comboBox1和一个imageList(本例中带有三个图片) this.comboBox1.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
ExtJs单用户Blog系统后台源码_extblog
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
ExtJs单用户Blog系统后台源码_多用户博客空间源码下载
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
Extjs4文件上传,后台struts2
extjs的combobox功能很强大,通过它可以模糊查询,只要添加几个属性即可,网上找的代码有的不符合我的要求。 所以自己改了一些代码。