亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

ASP.NET MVC動態加載數據

標簽:
Html/CSS

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




 

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
移動開發工程師
手記
粉絲
64
獲贊與收藏
368

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消