2011-05-20 65 views
5

我似乎无法从子模板中获得父变量,有谁知道如何?jquery模板,从子模板访问父变量

当前代码:

<li class="ui-parent-field" > 
      <b>${ Name }</b> 
      {{if Options ===null}} 
      | <span data-field-name="${ Name }" data-field-type="${ Type }"></span> 
      {{/if}} 
      <br/> 
      ${ Description } 
      {{if Options !==null}} 
      <div style="clear:both;"> 
      <ul class="ui-child-list"> 
       {{each Options}} 
        <li class="ui-child-field"> 
         ${ Name } : ${ Value } | 
        <span data-field-type="${ Type }" data-field-name="${ Name }"></span> 
//NOTE should be: 
<span data-field-type="${ Parent.Type }" data-field-name="${ Parent.Name }"></span>     </li> 
       {{/each}} 
      </ul> 
      </div> 
      {{/if}}   
     </li> 

这是一个非常粗略的例子,但我基本上抛出一些信息到视图中使用jQuery的模板,我有一个包含名称+类型父跨度的项目,那么我抛出这个对象的子元素,如果它们存在,我想从每个循环内的父级访问Type属性。

回答

8

您可以使用$ data访问整个模板绑定的对象。所以,你会使用类似:

<span data-field-type="${ $data.Type }" data-field-name="${ $data.Name }"></span> 
+0

感谢,由于某种原因,我不能在jQuery的文档发现这样或它不是那么清楚,我,你有介绍信吗? – Haroon 2011-05-20 13:24:21

+0

这不是很多,但你可以去这里:http://api.jquery.com/template-tag-equal/并寻找标题'$ item和$ data Template Variables' – 2011-05-20 13:41:22