jQuery模板/tmpl如何从json构建动态输出?
尝试从json构建动态输出,并使用jq/template 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
{这里需要循环吗?}
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;
}