Ext.js combobox本地和远程获取数据事列(动态加载下拉列表)
本地数据的写法:
items : [{
fieldLabel : "栏目状态",
name : "column.state",
blankText :’状态不能为空!’,
xtype : "combo",
mode : "local",
editable : false,
triggerAction : "all",
store: new Ext.data.JsonStore({
data: [{’ids’:’0’,’displayText’:’禁用’},{’ids’:’1’,’displayText’:’启用’}],
fields: [’ids’,’displayText’]
}),
hiddenName:"column.state",
hiddenValue :’ids’,
valueField: ’ids’,
displayField: ’displayText’,
value : ’1’
}]
远程获取数据的写法:
/**
* 动态加载栏目下拉列表
*/
var customerStore = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:__ctxPath+ ’/column/listColumn.do?cseqadd=0’}),
reader:new Ext.data.JsonReader({root:’result’},
[{name:’seq’},{name:’name’}]
)
});
customerStore.load();
items : [{
fieldLabel : "栏目",
allowBlank :false ,
name : "itmes.columnseq",
blankText :’请选择栏目!’,
xtype : "combo",
mode : "local", //local:本地,remote:远程
editable : false,
triggerAction : "all",
store :customerStore,
forceSelection : true,// 必须选择一个选项
hiddenName : ’itmes.columnseq’,
hiddenValue :’seq’,
valueField: ’seq’,
displayField: ’name’,
emptyText : ’请选择’
}]
正在加载评论...
栏目列表
推荐阅读
- js控制滚动条到最底端(置底)和最顶端(置顶)
- js将图片转化为二进制流
- bootstrap导航菜单,手机和PC端自适应
- javascript/jquery/js获取地址栏url传递的参数值的方法
- js辨别访问浏览器判断是手机,android,微信,pc还是ios系统
- Html5 canvas 简单画布画板例子源码
- IE浏览器下Ajax发送Post请求时提交中文乱码
- js 中获取当前系统时间
- localStorage与sessionStorage封装可设置过期时间的缓存
- 使用JS获取当前页面的URL,端口,协议,IP(网址信息)
- jquery.lightTreeview.js树形菜单插件例子
- js获取当前域名
- XMLHttpRequest封装同步请求的例子
- ztree加载树形菜单控件事列
- JS获取屏幕分辨率,可见区域,可用工作区等大小
- js利用Date.prototype.Format对时间格式化处理,yyyy-MM-dd HH:mm:ss:SS
- jquery.js和jquery-1.4.2.min.js的区别
- jquery追加元素的几种方法append(),prepend(),after(),before(),insertAfter(),insertBefore()
- 引入script地址时,并携带参数,js获取script标签上的属性数据值
- javascript怎么禁用浏览器后退按钮