码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET MVC动态加载数据

时间:2017-04-22 12:55:33      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:table   加载   select   pre   start   img   image   play   each   

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

你可以在html时先写下非动态的部分:
技术分享

 

技术分享
<table>
            <tr>
                <th style="width:10px;"><input id="SelectAll" type="checkbox" /></th>
                <th>ID</th>
                <th>Port_Start</th>
                <th>Port_End</th>                
            </tr>
            <tbody class="tbodyData"></tbody>
        </table>
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);
                            });
Source Code




 

ASP.NET MVC动态加载数据

标签:table   加载   select   pre   start   img   image   play   each   

原文地址:http://www.cnblogs.com/insus/p/6746923.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!