each - 如何使用带有 javascript 属性数组变量的 jquery 模板以表格格式显示完整数据

Question

例如：

我已经创建了一个 javascript 属性数组模型，其中包含一些属性，例如 Name、start、director、year，如下所示：

model = {}
  model.Name = [];
  model.Stars = [];
  model.Director = [];
  model.Year = [];

然后我使用 push 方法在模型中添加了一些数据，例如在运行时

Name="DDLJ"
Stars="SRK"
Director="Yashraj"
Year="1998"

Name="K3G"
Stars="SRK"
Director="Karan"
Year="2004"


Name="KKHH"
Stars="SRK"
Director="Karan"
Year="2000"

所以我想使用 jquery 模板将模型数组对象的所有信息显示到 html 表中，但我不知道该怎么做？

我一直在使用{{each}} {{/each}}，但它一次只显示一个属性数据，然后下一个像....

{{each Name}} ${{$Value}} {{/each}}

{{each stars}} ${{$Value}} {{/each}}

请解决这个问题并帮助我...

Answer 1

模型应该是这样的（对象数组，而不是具有多个数组的对象）：

var model = [];
model.push( { Name: "DDLJ", Stars: "SRK", Director: "Yashraj", Year: 1998 } );
// etc

然后你应该可以为模板写这样的东西：

<script id="modelTemplate" type="text/x-jquery-tmpl"> 
        <tr> 
            <td>${$Name}</td>
            <td>${$Stars}</td>
            <td>${$Director}</td>
            <td>${$Year}</td>
        </tr> 
</script>

<table id="modelTable"><table>

然后渲染模板：

$("#modelTemplate").tmpl(model).appendTo($("#modelTable");