Шаблон JQuery - вызывает $ {$ item.function ()} больше, чем указано в шаблоне - PullRequest
Новая
       6

Шаблон JQuery - вызывает $ {$ item.function ()} больше, чем указано в шаблоне

2 голосов
/ 30 сентября 2011

Jquery-tmpl, кажется, вызывает функции, которые вы прикрепляете к item несколько раз.

JSfiddle : http://jsfiddle.net/abQwc/2/

Вызвана строка show.Count из console.log, вызванная4 раза для каждого элемента, представленного шаблоном.

Шаблон: 

<h1 class="${$item.rowCount() % 2 == 0 ? "even" : "odd"}">${Name} - ${Payload}</h1

Данные: 

    data = [
        { Name: "1", Payload: "Data1" },
        { Name: "2", Payload: "Data2" },
        { Name: "3", Payload: "Data3" } 
    ]

Сценарий: 

    $(function() {$( "#template" )
        .tmpl(data, {
            rowCount: function(){
                var rowCount = 0;
                return function(){
                    console.log(this.data.Payload);
                    return ++rowCount;
                }
            }()
        })
        .appendTo( "body" )})

Почему?Я уже разобрался, как обойти это, но оно пахнет колдовством.

1 Ответ

2 голосов
/ 30 сентября 2011

я заменил: 

${$item.rowCount() % 2 == 0 ? "even" : "odd"}
...
return function(){
    console.log(this.data.Payload);
    return ++counter;
}

с 

${$item.rowCount()}
....
return function() {
    console.log(this.data.Payload);
    return (++counter) % 2 ? 'even' : 'odd';
}

и смог заставить его работать. Однако параметр Options все еще выполнялся 4 раза для каждого элемента. Я считаю, что подобные вычисления в tmpl в лучшем случае ненадежны.

...