一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

分享在MVC3.0中使用jQuery DataTable 插件

  前不久在網絡上看見一個很不錯的jQuery的DataTable表格插件。后來發現在MVC中使用該插件的文章并不多。本文將介紹在MVC3.0如何使用該插件。在介紹該插件之前先簡單介紹一下,推薦該插件的原因。在項目中我使用jqgrid比較多。但是發現當進行樣式調整時jqgrid的樣式常常會讓美工頭疼。而datatable插件卻是一個輕量級的jQuery插件。當我通過瀏覽器查看該js插件rander后的源碼。發現只是一個簡單的html table,非常簡潔。那么在沒有特殊要求的情況下使用這個插件,開發人員js腳本的可維護性將得到簡化,美工的樣式調整也會變得更輕松!下面介紹如何在MVC3.0中使用DataTable jQuery插件。

  一、DataTable JS 核心腳本文件、 CSS文件及圖片

  請到這里下載最新的版本的DataTable插件。該插件內附上了具體的官方DEMO。讀者可自行閱讀,這里只介紹這個插件的核心文件

  1.jquery.dataTables.min.js

  壓縮后的核心js文件

  2.官方提供的CSS文件

  demo_page.css 、demo_table.css、 demo_table_jui.css

  可以自定義CSS樣式來滿足客戶需求。

  3.圖片文件

  包含一個Images文件夾,請將該文件請全部拷貝到MVC工程的指定目錄,截圖如下:                  

  二、DataTable 客戶端HTML及JS代碼

  html代碼:

<table id="myDataTable" class="display">
<thead>
<tr>
<th>
標識
</th>
<th>
公司名稱
</th>
<th>
地址
</th>
<th>
城市
</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<input type="button" id="btnTest" value="根據條件重新響應后臺Ajax" />

NET技術分享在MVC3.0中使用jQuery DataTable 插件,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产成人在线观看网站 | 免费大黄网站在线观看 | 国产高清视频在线 | 好爽毛片一区二区三区四 | 国产精品福利午夜一级毛片 | 男女免费视频网站 | 国产视频二 | 男人女人做刺激视频免费 | 久久精品麻豆 | 国产乱子伦一区二区三区 | 六月婷婷在线观看 | 国产午夜精品一区二区 | 久久久这里有精品 | 久久国产成人精品国产成人亚洲 | 日韩a无v码在线播放免费 | 九一视频免费 | 亚洲激情文学 | 夜色成人免费观看 | 久久综合伊人 | 伊人久久中文大香线蕉综合 | 国产婷婷综合在线视频 | 婷婷亚洲国产成人精品性色 | 99精品视频在线观看免费专区 | 国产精品大白天新婚身材 | 日韩视频 中文字幕 | 久久久亚洲精品蜜桃臀 | nxgx欧美| 亚洲国产精品成人午夜在线观看 | 国产在线视频91 | 久久婷婷国产麻豆91天堂 | 久久久久综合国产 | 一区二区三区不卡视频 | 亚洲美女aⅴ久久久91 | 视频一区二区三区免费观看 | 禁断の肉体乱爱中文字幕欧 | 国产情侣小视频 | 玖玖爱国产 | 综合久久综合久久 | 亚洲狠狠婷婷综合久久久久 | 欧美一卡2卡3卡4卡无卡网老狼 | 国产成人精品在视频 |