ASP.NET MVC动态加载数据

2018-06-22 06:11:08来源：未知阅读 ()

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有