Javascript jsRender,带空格的json列名
如何使用键名“field ID”(包含空格字符)引用列/字段名?还有“dtTime”,显示为NaNJavascript jsRender,带空格的json列名,javascript,json,jsrender,Javascript,Json,Jsrender,如何使用键名“field ID”(包含空格字符)引用列/字段名?还有“dtTime”,显示为NaN <script id="jsRendTmp" type="text/x-jquery-tmpl"> <li>{{:#Field ID}}</li> <li>{{:#dtTime}}</li> {{:#字段ID} {{:#dtTime} //这里是正确的方法(thanx对Boris) {{:#数据['fieldid']
<script id="jsRendTmp" type="text/x-jquery-tmpl">
<li>{{:#Field ID}}</li>
<li>{{:#dtTime}}</li>
{{:#字段ID}
{{:#dtTime}
//这里是正确的方法(thanx对Boris)
{{:#数据['fieldid']}
{{:#数据['dtime']}
以下是数据:
测试数据:[
{
“字段ID”:“22”,
数据传输时间:“2021年8月1日”
},
{
“字段ID”:“33”,
数据传输时间:“2021年8月2日”
}
]
可以使用帮助器执行此操作:
您可以获得如下值:
{{:#数据['fieldid']}
如果还希望检测密钥名称并对其进行渲染,请查看以下示例:
-代码 看起来不错,但有点过分了。我在寻找一些简单的东西:)我想我只需要改变后端来带来“有效”的名字。这就是我需要的!!!我正要在你的博客上发表文章。谢谢你,鲍里斯。再次感谢您提供的最佳渲染库!!!
<li>{{:#data['Field ID']}}</li>
<li>{{:#data['dtTime']}}</li>
</script>
<script id="jsRendTmp" type="text/x-jquery-tmpl">
<div style="margin:10px 0">Title</div>
{{for ~getFields()}}
<li>{{>key}}: {{>value}}</li>
{{/for}}
</script>
var data = [ { "Field ID": "22", dtTime: "8/1/2021" }, { "Field ID": "33", dtTime: "8/2/2021" } ];
$.views.helpers({
getFields: function( object) {
var object = this.data;
var key, value,
fieldsArray = [];
for ( key in object ) {
if ( object.hasOwnProperty( key )) {
value = object[ key ];
// For each property/field add an object to the array, with key and value
fieldsArray.push({
key: key,
value: value
});
}
}
// Return the array, to be rendered using {{for ~fields(object)}}
return fieldsArray;
}
});
$("#content").html($("#jsRendTmp").render(data));