使用Ext JS的JsonReader读取复杂json对象
2016-07-29 00:00
477 查看
今天被如何解析如下复杂json对象给难住了.. 翻了半天文档也没找出如何在JsonReader中读取json对象的方法(可能也是因为自己E文水平有限没正确理解文档中的意思。)
经过一翻baidu+google终于找到了解决方案:
使用convert:function(v){} 对复杂对象进行处理:
具体代码如下所示:
html代码:
/*json代码*/ { "loginName":"lvjian0", "password":"1230", "type":{ "typeId":1, "typeName":"近卫" } }
经过一翻baidu+google终于找到了解决方案:
使用convert:function(v){} 对复杂对象进行处理:
具体代码如下所示:
/*我的ext-json-grid.js代码*/ Ext.onReady(function() { var proxy = new Ext.data.HttpProxy( { url : 'grid.do?operator=read' }); // 定义reader var reader = new Ext.data.JsonReader( { id : 'loginName' }, [ { name : 'loginName' }, { name : 'password' }, { name : 'type', convert : function(v) { return v.typeName; } }]) // 构建Store var store = new Ext.data.Store( { proxy : proxy, reader : reader }); // 载入 store.load(); // create the grid var grid = new Ext.grid.GridPanel( { store : store, columns : [ { header : "Login Name", width : 110, dataIndex : 'loginName', sortable : true }, { header : "Password", width : 120, dataIndex : 'password', sortable : true }, { header : "Type", width : 120, dataIndex : 'type', sortable : true }], renderTo : 'example-grid', width : 540, height : 200 }); });
html代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>register.html</title> <link href="scripts/ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <script src="scripts/ext/adapter/ext/ext-base.js" type="text/javascript"></script> <script src="scripts/ext/ext-all.js" type="text/javascript"></script> <script src="scripts/ext-json-grid.js" type="text/javascript"></script> </head> <body> <div id="example-grid"> </div> </body> </html>
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Web布局连载——两栏固定布局(五)
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- [div+css]晒晒最新制作专题推广页模板
- 使用 Python 处理 JSON 格式的数据
- 最后一次说说闭包
- Ajax
- 盒子模型
- CSS选择器
- CSS样式优先权
- XML 与 JSON 优劣对比
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- [css] line-height 百分比单位和数值单位的区别