如何使用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");