ASP.NET MVC动态加载数据

最新推荐文章于 2019-02-12 15:37:49 发布

weixin_34197488

最新推荐文章于 2019-02-12 15:37:49 发布

阅读量317

点赞数

CC 4.0 BY-SA版权

文章标签：测试

原文链接：http://www.cnblogs.com/yyy116008/p/6768881.html

本文介绍了一种在ASP.NET MVC项目中使用jQuery实现表格数据动态加载的方法。通过$.each循环遍历数据，并利用DOM操作将数据填充到表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ASP.NET MVC动态加载数据，一般的做法是使用$.each方法来循环产生tabel:

你可以在html时先写下非动态的部分：

Source Code

上图中，有一行代码:

<tbody class="tbodyData"></tbody>

是为了动态加载的容器。

下面是重点，在jQuery实现动态加载：

$(".tbodyData").empty();
                            $.each(data.data, function (i, item) {
                                var tr = $("<tr/>");
                                tr.append("<td><input class=\"SelectSingle\" type=\"checkbox\" value=" + item.RTP_nbr + " /></td>");
                                tr.append("<td>" + item.RTP_nbr + "</td>");
                                tr.append("<td>" + item.Port_Start + "</td>");
                                tr.append("<td>" + item.Port_End + "</td>");                               
                                $(".tbodyData").append(tr);
                            });

转载于:https://www.cnblogs.com/yyy116008/p/6768881.html