使Ext的Template可以解析二层的json数据的方法
2007-12-22 00:00
891 查看
Ext的Template支持通过传入json数据的方式进行模板替换。
API中有这样一段示例:
稍作修改做个测试:
运行上面的代码会弹出<div name="myid"><span class="myclass">foo bar</span></div>说明替换成功。
但如果又这样一个模板数据:
我们想在替换时将模板中原cls部分替换为cls.o的值,也就是myclass,该怎么做呢?是不是想直接用{cls.o},你可以试下,绝对无效,没有替换。因为template匹配替换是直接对{}中冒号前的字符串与JSON变量进行匹配的。当然找不到cls.o这个串所以也就不能匹配。
好在Template支持对数据的解析处理。
我们可以自己定义一个解析函数即可。其实很简单:
我们定义了一个叫parseJSON的解析方法,在模板中访问顶层的cls然后对cls(是一个object)的值进行处理(直接访问它的o属性)即可。
API中有这样一段示例:
var t = new Ext.Template( '<div name="{id}">', '<span class="{cls}">{name:trim} {value:ellipsis(10)}</span>', '</div>' ); t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});
稍作修改做个测试:
var t = new Ext.Template( '<div name="{id}">', '<span class="{cls}">{name} {value}</span>', '</div>' ); var dt=t.apply({id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'}); alert(dt);
运行上面的代码会弹出<div name="myid"><span class="myclass">foo bar</span></div>说明替换成功。
但如果又这样一个模板数据:
{id: 'myid', cls:{o:'myclass'}, name: 'foo', value: 'bar'}
我们想在替换时将模板中原cls部分替换为cls.o的值,也就是myclass,该怎么做呢?是不是想直接用{cls.o},你可以试下,绝对无效,没有替换。因为template匹配替换是直接对{}中冒号前的字符串与JSON变量进行匹配的。当然找不到cls.o这个串所以也就不能匹配。
好在Template支持对数据的解析处理。
我们可以自己定义一个解析函数即可。其实很简单:
var t = new Ext.Template( '<div name="{id}">', '<span class="{cls:this.parseJSON}">{name} {value}</span>', '</div>' ); t.parseJSON=function(data){return data.o}; var dt=t.apply({id: 'myid', cls: {o:'myclass'}, name: 'foo', value: 'bar'}); alert(dt)
我们定义了一个叫parseJSON的解析方法,在模板中访问顶层的cls然后对cls(是一个object)的值进行处理(直接访问它的o属性)即可。
相关文章推荐
- 使Ext的Template可以解析二层的json数据的方法
- IOS中处理解析数据用JSON上传的对象和可以是JSON
- jquery解析json格式数据的方法(对象、字符串)
- 用jquery解析JSON数据的方法
- 解析JSON格式数据常见方法
- java手动拼接Ext组件json数据的简单方法
- .net 调用API并解析Json数据方法
- 解析JSON对象与字符串之间的相互转换(获取json数据转换为字符串,json传值方法)
- 用json方法解析本地数据,并显示在tableView上面
- Java构造和解析Json数据的两种方法详解一
- 工具方法,可以将指定的表单中的输入项目序列化为json数据
- Android中使用Gson解析JSON数据的两种方法
- Java构造和解析Json数据的两种方法详解
- Java构造和解析Json数据的两种方法详解一
- 【VBA研究】解析JSON数据的几种方法
- 用jquery解析JSON数据的方法
- XML数据解析可以直接调用此方法
- Java创建和解析Json数据方法(三)——json-lib包的使用
- js 将json字符串转换为json对象的方法解析 作者: 字体:[增加 减小] 类型:转载 将json字符串转换为json对象的方法。在数据传输过程中,json是以文本,即字符串的形式传递的,而J