欢迎来到福编程网,本站提供各种互联网专业知识!

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

发布时间:2007-12-22 作者: 来源:转载
Ext的Template支持通过传入json数据的方式进行模板替换。API中有这样一段示例:复制代码代码如下:vart=newExt.Template('','{name:trim}{value:ellipsis(10)}','');t.append('some-element',{id:'myid',cls:'myclass',name:'foo',value:'bar'
Ext的Template支持通过传入json数据的方式进行模板替换。
API中有这样一段示例:

复制代码 代码如下:
vart=newExt.Template(
'',
'{name:trim}{value:ellipsis(10)}',
'

'
);
t.append('some-element',{id:'myid',cls:'myclass',name:'foo',value:'bar'});


稍作修改做个测试:

复制代码 代码如下:
vart=newExt.Template(
'',
'{name}{value}',
'

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

运行上面的代码会弹出foobar

说明替换成功。

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

复制代码 代码如下:
{id:'myid',cls:{o:'myclass'},name:'foo',value:'bar'}


我们想在替换时将模板中原cls部分替换为cls.o的值,也就是myclass,该怎么做呢?是不是想直接用{cls.o},你可以试下,绝对无效,没有替换。因为template匹配替换是直接对{}中冒号前的字符串与JSON变量进行匹配的。当然找不到cls.o这个串所以也就不能匹配。
好在Template支持对数据的解析处理。
我们可以自己定义一个解析函数即可。其实很简单:


复制代码 代码如下:
vart=newExt.Template(
'',
'{name}{value}',
'

'
);
t.parseJSON=function(data){returndata.o};
vardt=t.apply({id:'myid',cls:{o:'myclass'},name:'foo',value:'bar'});
alert(dt)


我们定义了一个叫parseJSON的解析方法,在模板中访问顶层的cls然后对cls(是一个object)的值进行处理(直接访问它的o属性)即可。

相关推荐