jQuery模板/tmpl如何从json构建动态输出?

jQuery模板/tmpl如何从json构建动态输出?,jquery,jquery-templates,jsrender,Jquery,Jquery Templates,Jsrender,尝试从json构建动态输出,并使用jq/template tmpl显示行/列。 不知何故,我需要遍历列和行,但不确定如何遍历 我不知道json属性的名称,所以它需要是动态的 终于得到了答案 {这里需要循环吗?} var发票={ 发票项目:[ {类型:'项', 部分:“99设计”,描述:“99设计标志”, 价格:450.00,数量:1}, {类型:'服务', 服务:“Web开发和测试”, 价格:25000.00}, {类型:'项', 部分:'LinodeMonthly',描述:'Monthly

尝试从json构建动态输出,并使用jq/template tmpl显示行/列。 不知何故,我需要遍历列和行,但不确定如何遍历

我不知道json属性的名称,所以它需要是动态的

终于得到了答案


  • {这里需要循环吗?}
  • var发票={ 发票项目:[ {类型:'项', 部分:“99设计”,描述:“99设计标志”, 价格:450.00,数量:1}, {类型:'服务', 服务:“Web开发和测试”, 价格:25000.00}, {类型:'项', 部分:'LinodeMonthly',描述:'Monthly site hosting', 价格:40.00,数量:12} ] }; $(“#模板”) .tmpl(发票.发票项目) .附于(“#持票人”);
    还有,有没有显示json属性名的方法? 比如:

    类型>零件>说明>

    这是

    更新


    我开始使用,速度更快。我仍然不知道如何创建动态模板。如果完成,将进行更新。

    jQuery模板不再是:


    jQuery模板不再是:


    我不知道您为什么认为需要循环,jquery.tmpl正在为您执行循环。您只需要使用
    ${}
    以您想要的标记输出数据:。

    我不确定您为什么认为需要循环,jquery.tmpl正在为您执行循环。您只需要使用
    ${}
    以您想要的标记输出数据:。

    终于得到了我朋友的帮助

    模板

    <script id="template" type="text/x-jquery-tmpl">
    {{each(i, invoiceItem) invoiceItems}}
        <li>
        {{each(j, property) $item.getProperties(invoiceItem) }}
           ${invoiceItem[property]} >>
        {{/each}}
        </li>
    {{/each}}
    </script>
    
    })


    下面是一个工作示例

    终于得到了我朋友的帮助

    模板

    <script id="template" type="text/x-jquery-tmpl">
    {{each(i, invoiceItem) invoiceItems}}
        <li>
        {{each(j, property) $item.getProperties(invoiceItem) }}
           ${invoiceItem[property]} >>
        {{/each}}
        </li>
    {{/each}}
    </script>
    
    })

    下面是一个工作示例

    我会选择:

    您不仅可以获得模板呈现(还可以使模板更具动态性),还可以获得双向数据绑定,在大多数情况下,这种绑定非常受欢迎。

    我会选择:


    您不仅可以获得模板呈现(还可以使模板更具动态性),还可以获得双向数据绑定,在大多数情况下,这种绑定非常受欢迎。

    Thanx Steve,但我想使用jquery tmpl.:(来自他们的网站:jQuery Templates插件注:jQuery团队决定不让这个插件通过测试版。它不再被积极开发或维护。Thanx Steve,但我想使用jQuery tmpl.:(来自他们的网站:jQuery模板插件注:jQuery团队决定不让这个插件通过测试版。它不再被积极开发或维护。问题是我不知道json道具名称,json将动态生成。你的意思是你想链接到各种json结构吗?@Steve,我真的不想创建5-20个不同的模板,我在寻找一种动态构建的方法。问题是我不知道json道具名称,json将动态构建。你的意思是你希望链接到各种json结构吗?@Steve,我不是真的想创建5-20个不同的模板,我在寻找一种动态构建的方法。需要根据我的主要问题是,我有很多数据要呈现:)这里有一些jsRender的性能测试需要对照jsRender检查性能。我的主要问题是,我有很多数据要呈现:)这里有一些jsRender的性能测试
    var functionHelpers = {
    getProperties: function(invoiceItem) {
        var properties = [];
    
        for(var key in invoiceItem) {
            properties.push(key);
        }
    
        return properties;
    }