Question

我有parseJson对象，如下所示......

parseJSON([
{"BOOK_Name":"AAA”,"quickRead":[{"Page_Heading":"AAA-heading","Page_Url":"http://rtrt.com"},{"Page_Heading":"AAA-heading2","Page_Url":"http://bghfhghf.com"}]},
{"BOOK_Name":"BBB","quickRead":[{"Page_Heading":"BBB-heading","Page_Url":"http://dsdfdf.com"},{"Page_Heading":"BBB-heading2","Page_Url":"http://rtrtdfdf.com"}]}
]}

我可以使用javascript jsrender在tbody元素中部分渲染这个，如下所示....即能够渲染book_name但不能快速读取...所以如何在quickread内部渲染数据说

元件？

$('tbody', '#bookTemplateTable').html($('#bookTemplate').render(data));

模板相同如下：

<script id="bookTemplate" type="text/html">
    <tr>
      <td>{{=BOOK_Name}}</td>

      <td> 
        <ul>
          <li> .. render 1st quickread value .. </li>
          <li> .. render 1st quickread value .. </li>
        </ul> 
      </td>
    </tr>  
</script>

任何人都可以帮忙吗？

Answer 1

最好查看jsrender demo页面。在那里，您可以学习如何使用模板标签。

首先，你应该使用

{{>propertyName}}
{{:propertyName}}

显示数据。有关何时使用内容的说明，请参阅this demo。

对于您的特定情况，这是有效的模板：

<script id="bookTemplate" type="text/html">
    <tr>
      <td>{{>BOOK_Name}}</td>

      <td> 
        <ul>
          {{for quickRead}}
            <li><a href="{{>#data.Page_Url}}">{{>#data.Page_Heading}}</a></li>
          {{/for}}
        </ul> 
      </td>
    </tr>  
</script>

可以在这里找到工作示例：

http://jsfiddle.net/EGFbq/

parsejson通过javascript模板渲染

1 个答案: