JQuery Tmpl и Databinding работают вместе - PullRequest
Новая
       20

JQuery Tmpl и Databinding работают вместе

1 голос
/ 29 апреля 2011

Я пытаюсь получить привязку данных и tmpls - плагины jquery для совместной работы.Поэтому я хочу использовать шаблон для визуализации данных, а затем привязку данных, чтобы подключить их обратно к моим объектам.Например: 

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>

Но как мне связать данные имен детей с исходными объектами?

Ответы [ 2 ]

1 голос
/ 29 апреля 2011

Возможно, вы захотите взглянуть на knockout.js
Он использует шаблоны jquery и собственный механизм привязки.

0 голосов
/ 29 апреля 2011

.link () в настоящее время не поддерживает вложенные массивы или объекты, которые вы ищете.Скорее всего, вы захотите сгладить объект JSON, чтобы воспользоваться преимуществами связывания данных: http://jsfiddle.net/rUrXF/1/

Похоже, существует проблема, открытая для вложенных объектов: https://github.com/jquery/jquery-datalink/issues/24

...