jsRender，带空格的json列名

jsRender , json column name with space

本文关键字：json 列名 空格 jsRender      更新时间：2023-09-26

如何引用包含空格字符的键名为"字段ID"的列/字段名称？也称为"dtTime"，显示为NaN。

<script id="jsRendTmp" type="text/x-jquery-tmpl">
    <li>{{:#Field ID}}</li>
    <li>{{:#dtTime}}</li>

//以下是正确的方法（thanx to Boris）

<li>{{:#data['Field ID']}}</li>
<li>{{:#data['dtTime']}}</li>
</script>

数据如下：

测试数据：[{"字段ID"："22"，dtTime:"2021年8月1日"}，{"字段ID"："33"，dtTime:"2021年8月2日"}]

您可以获得如下值：

{{:#data['Field ID']}}

如果还想检测关键点名称并对其进行渲染，请查看以下示例：03_itering-through-fields场景-此处编码。

您可以使用助手来完成此操作：http://jsfiddle.net/imsky/B8ks2/

<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));
相关文章：