JQuery Tmpl和Databinding一起工作

我想獲取數據綁定和tmpls - jquery插件能夠很好地協同工作。所以我想用一個模板來渲染數據，然後使用數據綁定來將它鉤回到我的對象中。例如：JQuery Tmpl和Databinding一起工作

var items = [{ Name: 'Barak Obama', Phone: '555-1212' }, 
      { Name: 'George Bush', Phone: '444-2222'}]; 

function addItems() { 
    $("MyList").html(""); 
    for (var index in items) { 
     $("#ListTmpl").tmpl(items[index]).link(items[index]).appendTo("#MyList"); 
    } 
};

隨着模板是這樣的：

<script id="ListTmpl" type="text/x-jquery-tmpl"> 
    <li> 
     <input id="Name" value="${Name}" /> 
     <input id="Phone" value="${Phone}" /> 
    </li> 
</script>

但是，如果我有一個問題是，我想項目包含一個數組，並呈現比{{每個}}

var items = [{ Name: 'Barak Obama', Phone: '555-1212', 
      kids: [{Name: "Malia"}, {Name: "Sasha"}] }, 
      { Name: 'George Bush', Phone: '444-2222'}, 
      kids: [{Name: "Barbara"}, {Name: "Jenna"}] }];

和模板是這樣的：

<script id="ListTmpl" type="text/x-jquery-tmpl"> 
    <li> 
     <input id="Name" value="${Name}" /> 
     <input id="Phone" value="${Phone}" /> 
     <ul> 
     {{each kids}} 
      <li> ${Name} 
     {{/each}} 
     </ul>

但是，如何獲取鏈接回原始對象的孩子姓名數據？

來源

2011-04-29 Fred Thomas