Отрисовка парсейсона через шаблон в javascript

У меня есть объект 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"}]}
]}

I am able to render this partially in tbody element using javascript jsrender as follows.... i.e able to render book_name but not quickread ... so how can I render data within quickread inside say

  • element?

    $('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>

    может ли кто-нибудь помочь в этом?


    • jsonp jsrender
    person hetal gala    schedule 02.04.2013    source источник
    comment
    есть кто может помочь в этом?   -  person hetal gala    schedule 02.04.2013

    Ответы (1)


    arrow_upward
    0
    arrow_downward

    Лучше всего взглянуть на демонстрационную страницу jsrender. Там вы можете узнать, как использовать теги шаблона.

    Во-первых, вы должны использовать

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

    для отображения данных. Подробнее о том, когда использовать что.

    Для вашего конкретного случая вот правильный шаблон:

    <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/

    person dugokontov    schedule 02.04.2013