Ext4 ComboBox组件使用
2024-10-17 22:55:50
先来看例子:
Ext.define('schoolModel', {
extend: 'Ext.data.Model',
fields: [{
name: 'id',
type: 'string'
}, {
name: 'name',
type: 'string'
}]
});
var schoolstore = Ext.create('Ext.data.Store', {
model: 'schoolModel',
proxy: {
type: 'ajax',
url: C_ROOT + "Base/Student/GetSchoolList",
reader: {
type: 'json',
root: 'Record'
}
},
autoLoad: true
});
var schoolCombo = Ext.create('Ext.form.field.ComboBox', {
valueField: "id",
displayField: 'name',
name: 'schoolid',
store: schoolstore,
colspan: 1,
fieldLabel: '所属校区',
queryMode: "local",
forceSelection: true,//只能选,不能输入文本
typeAhead: true//如果匹配到已知的值将填充和自动选择键入的文本其余部分
});
看了官网的例子,模仿了一下,数据怎么都显示不出来,后来发现原来是数据格式问题,当通过远程获取数据时,需要store需要配置reader项,root属性指示从服务端获取到的json串里面数组对应的属性名,比如以上示例中获取到的数据格式为:{‘Record’:[{‘id’:‘01’,‘name’:‘湖东’},{‘id’:‘02’,‘name’:‘湖西’}]}
最新文章
- iOS--高级技术
- java基础知识(三)java关键字
- Robot Test Framework + Selenium 的几个坑
- const关键字也许该被替换为readonly
- UI第五节——手势
- Sealed密封类
- 与Status Bar和Navigation Bar相关的一些东西
- thinkphp模板中使用自定义函数
- iOS 10 升级后无法真机测试 Could not find Developer Disk Image
- [RxJS] Filtering operators: distinct and distinctUntilChanged
- C#中邮件的发送基本操作
- java学习笔记13--比较器(Comparable、Comparator)
- CCF-201412-1-门禁系统
- UNIX环境高级编程——进程关系
- 算法精解:最小二乘法C实现
- P4137 Rmq Problem / mex (莫队)
- 【easy】404. Sum of Left Leaves
- maven的pom.xml文件的标签详解
- Django(3)
- android 常见分辨率(mdpi、hdpi 、xhdpi、xxhdpi )及屏幕适配
热门文章
- TCP重传率高的监控
- Oracle(DML)
- 微信,qq,微博如何不用每次清缓存就能看到h5修改过的结果
- centos 带S权限的二进制
- 办公大楼3D指纹门禁系统解决方案
- Xcode 7免证书真机调试
- Centos中tomcat7指定jdk
- sublime-text3 3059基本配置
- Apache 403 error, (13)Permission denied: access to / denied问题
- [原创] Win7全自动精简批处理_绝对原创,绝对给力_感谢无忧给了我一年的潜水