Extjs：如何在 extjs tpl 中使用带空格的对象键值？答案

【问题标题】：Extjs: how to use object key value with space in extjs tpl?Extjs：如何在 extjs tpl 中使用带空格的对象键值？
【发布时间】：2014-02-25 11:49:46
【问题描述】：

 CODE :
 var data={"today date":'12-02-2014' ,"created date":'10-2-1014'}

   tpl= new Ext.XTemplate('<tpl for=".">','<p>{today date}</p>','<p>{created date}</p>','</tpl>');

这里我附上了示例代码。

【问题讨论】：

您在 tpl 中使用 {...} 内的变量。因为它是可变的，所以不能有空格。可以使用下划线_。
谢谢@NandkumarTekale ...但是我没有使用静态变量来编辑键值我是从我面临的问题的Web服务接收它。请给出解决方案。谢谢再一次……

标签： html extjs sencha-touch extjs4.2 extjs-mvc

【解决方案1】：

简单的回答：不要。

var data = {"today date":'12-02-2014' ,"created date":'10-2-1014'};

// notice udpated variable names
var tpl = new Ext.XTemplate('<tpl for=".">','<p>{today_date}</p>','<p>{created_date}</p>','</tpl>');

var fixedData = {};
Ext.each(Ext.Object.getKeys(data), function(key) {
    fixedData[key.replace(/ /g, '_')] = data[key];
});

// test
alert(tpl.apply(fixedData));

【讨论】：