首页 / JSON / 使Ext的Template可以解析二层的json数据的方法_json

使Ext的Template可以解析二层的json数据的方法_json

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使Ext的Template可以解析二层的json数据的方法_json，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1194字，纯文字阅读大概需要2分钟。

内容图文

Ext的Template支持通过传入json数据的方式进行模板替换。
API中有这样一段示例：

代码如下:

var t = new Ext.Template(
'
',
'{name:trim} {value:ellipsis(10)}',
'
'
);
t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});



稍作修改做个测试：

代码如下:

var t = new Ext.Template(
'
',
'{name} {value}',
'
'
);
var dt=t.apply({id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});
alert(dt);


运行上面的代码会弹出
foo bar
说明替换成功。

但如果又这样一个模板数据：

代码如下:

{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(
'
',
'{name} {value}',
'
'
);
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数据的方法_json全部内容，希望文章能够帮你解决使Ext的Template可以解析二层的json数据的方法_json所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/307265.html

来源：【匿名】