首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery模板将对象追加到表格模板

使用jQuery模板将对象追加到表格模板
EN

Stack Overflow用户
提问于 2012-03-20 08:48:56
回答 1查看 908关注 0票数 0

我得到了这个对象

代码语言:javascript
运行
复制
var data = [
{
    "cedula": "v-12334445",
    "nombres": "ALECIO NORBES EDUARDO RAMON",
    "id_school": "5"
},
{
    "cedula": "v-17322147",
    "nombres": "RAMIREZ CARRERO JOSE GERONIMO",
    "id_school": "1"
}

];

代码语言:javascript
运行
复制
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>";

行模板如下:

代码语言:javascript
运行
复制
var reset_config_form_rows = "<tr>\
                                 {{each d}}\
                                  <td>${cedula}</td>\
                                  <td>${nombres}</td>\
                                  <td>${id_school}</td>\
                                  <td id='acciones'></td>\
                                {{/each}}\
                              </tr>";

为了呈现数据,我使用以下命令呈现模板:

代码语言:javascript
运行
复制
$(reset_config_form_rows).tmpl(d).appendTo('#reset_user_template');

我正在获取一行中的数据,每个行都不起作用。

生成的html

EN

回答 1

Stack Overflow用户

发布于 2012-03-20 11:12:49

这是因为你的循环是围绕着你的TD而不是你的TR。这就是为什么你会看到你的列是重复的。

尝尝这个

代码语言:javascript
运行
复制
var reset_config_form_rows = "{{each d}}\
                                 <tr>\
                                  <td>${cedula}</td>\
                                  <td>${nombres}</td>\
                                  <td>${id_school}</td>\
                                  <td id='acciones'></td>\
                                </tr>\
                              {{/each}}";
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9780020

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档