如何使用jQuery的模板与JavaScript属性数组变量，以显示表格式完整的数据

Question

例如：一年按以下

我已创建了一个JavaScript属性阵列模式具有类似名称的一些属性，开始，导演：

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

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

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

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


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

所以我想表明，该模型排列OB的所有信息ject到html表使用jquery模板， 但我不知道它是如何做到这一点？

我用{{each}} {{/each}} TRED但它只能显示一个属性数据，以一定的时间，然后在下一个 像....

{{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");