Добавить объект в шаблон таблицы с помощью шаблона jQuery - PullRequest
Новая
       15

Добавить объект в шаблон таблицы с помощью шаблона jQuery

0 голосов
/ 20 марта 2012

Я получил этот объект 

var data = [
{
    "cedula": "v-12334445",
    "nombres": "ALECIO NORBES EDUARDO RAMON",
    "id_school": "5"
},
{
    "cedula": "v-17322147",
    "nombres": "RAMIREZ CARRERO JOSE GERONIMO",
    "id_school": "1"
}

];

Я использую шаблоны jQuery для рендеринга этих данных в таблицу. Я получил шаблон таблицы в переменную, подобную этой: 

var reset_config_form = "<div>\
                      <table id='reset_user_template' class='table table-bordered'>\
                        <thead>\
                          <tr>\
                            <th><a>cédula</a></th>\
                            <th><a>nombres</a></th>\
                            <th><a>escuela</a></th>\
                            <th><a>acciones</a></th>\
                          </tr>\
                        </thead>\
                        <tbody>\
                        </tbody>\
                      </table>\
                      </div>";

И шаблон строки выглядит следующим образом: 

var reset_config_form_rows = "<tr>\
                                 {{each d}}\
                                  <td>${cedula}</td>\
                                  <td>${nombres}</td>\
                                  <td>${id_school}</td>\
                                  <td id='acciones'></td>\
                                {{/each}}\
                              </tr>";

Для рендеринга данных я отрисовываю шаблон с: 

$(reset_config_form_rows).tmpl(d).appendTo('#reset_user_template');

Я получаю данные в один ряд, каждый не работает.

enter image description here

Сгенерированный HTML

enter image description here

1 Ответ

0 голосов
/ 20 марта 2012

Это происходит потому, что ваша петля находится вокруг вашей TD, а не TR.Вот почему вы видите, что ваши столбцы дублируются.

Попробуйте это 

var reset_config_form_rows = "{{each d}}\
                                 <tr>\
                                  <td>${cedula}</td>\
                                  <td>${nombres}</td>\
                                  <td>${id_school}</td>\
                                  <td id='acciones'></td>\
                                </tr>\
                              {{/each}}";
...