Extjs学习总结之10数据与ComboBox
2011-12-02 11:57
274 查看
写这个时候发现第八章我没有写笔记,因为第八章比较抽象,我没有写。然后理论也比较多。所以如果你有兴趣就去找pdf文档看看吧。
至于这个数据与ComboBox,其实就是页面中的数据我们如何获取如何显示的问题。Extjs使用Combobox来获取和显示,但也有步骤,看代码吧:
至于这个数据与ComboBox,其实就是页面中的数据我们如何获取如何显示的问题。Extjs使用Combobox来获取和显示,但也有步骤,看代码吧:
Ext.onReady(function(){ /* * DataProxy:获取想要的数据,通过他能得到来自不同地方的数据,比如数组,远程服务器,并组织成不同的格式。 * * MemoryProxy/HttpProxy/ScriptTagProxy * DataReader:定义数据项的逻辑结构,一个数据项有很多列,每列名称,数据类型,都由该类定义。 * Store:存储器,用于整合Proxy和Reader,控件索取数据时通常和他打交道。 */ //构建DataProxy var cities=[ [1,"长沙市"], [2,"株洲市"], [3,"湘潭市"], [4,"济南市"] ]; var proxy = new Ext.data.MemoryProxy(cities); //构建DataReader var City = Ext.data.Record.create([ {name:"cid",type:"int",mapping:0}, {name:"cname",type:"string",mapping:1} ]); var reader = new Ext.data.ArrayReader({},City); //var reader = new Ext.data.ArrayReader({},[]); //构建Store var store = new Ext.data.Store({ proxy:proxy, reader:reader, autoLoad:true }); combobox = new Ext.form.ComboBox({ renderTo:Ext.getBody(), triggerAction:"query", store:store, displayField:"cname", valueField:"cid", mode:"local", emptyText:"请选择城市" }); var btn = new Ext.Button({ text:"列表框的值", renderTo:Ext.getBody(), handler:function(){ Ext.Msg.alert("值","实际值:"+combobox.getValue()+":显示值"+combobox.getRawValue()); combobox.reset(); } }); });
![](http://hi.csdn.net/attachment/201112/2/0_1322798419Y4t0.gif)
相关文章推荐
- Extjs学习总结之11前端与后台的数据交互ajax
- extjs学习笔记----数据的获取与ComboBox
- Extjs学习总结之12使用ComboBox实现分页
- 第一行代码总结:10网络:10.3解析XML格式数据:
- Extjs学习笔记(-):ComboBox联动
- echarts学习总结(一):图表溢出窗口,图表数据窗口显示不全
- [★]ComboBox 经验总结[动态绑定数据之后,静态添加一条数据] 转
- extjs4 分页工具栏pagingtoolbar的每页显示数据combobox下拉框
- Nginx学习总结(10)——Nginx前后端分离将多个请求转发到多个Tomcat,负载均衡反向代理
- dojo1.1.0学习总结--Gird绑定JSON数据案例
- 【Mybatis学习总结二】Mybatis操作数据表的CRUD实现
- Extjs学习总结之19表格组件gridpanel
- Extjs学习总结之28viewport
- java学习总结(16.05.17)对数据类型取值范围和数据溢出的理解(以byte类型为例)
- Extjs 学习总结-代理
- Maven学习总结(10)——使用Maven编译项目gbk的不可映射问题
- Sqli-labs学习SQL注入-Lesson 1-10总结
- extjs combobox分页加载数据不显示
- 黑马程序员-IOS学习笔记-C语言基础其他数据类型及总结
- 【IOS 开发学习总结-OC-10】★ objective-c面向对象之——成员变量,模拟类变量,单例模式