當前位置：首頁 > 编程语言 > c/c++ >内容正文

c/c++

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

發布時間：2024/4/14 c/c++ 22 豆豆

生活随笔收集整理的這篇文章主要介紹了分享在MVC3.0中使用jQuery DataTable 插件小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

http://www.cnblogs.com/ryanding/archive/2011/02/18/1957318.html

MVC3.0中使用JQuery.DataTable插件

http://biancheng.dnbcw.info/net/350648.html

官方網站
http://datatables.net/

HomeController public ActionResult GetJsonCitys(int? secho){var cityList = new List<Citys>();for (int i = 0; i < 100; i++){cityList.Add(new Citys{Id = i,CityName = Guid.NewGuid().ToString(),ZipCode = DateTime.Now.Millisecond});}var objs = new List<object>();foreach (var city in cityList){objs.Add(GetPropertyList(city).ToArray());}return Json(new{sEcho = secho,iTotalRecords = cityList.Count(),aaData = objs}, JsonRequestBehavior.AllowGet);}private List<string> GetPropertyList(object obj){var propertyList = new List<string>();var properties = obj.GetType().GetProperties(BindingFlags.Instance | BindingFlags.Public);foreach (var property in properties){object o = property.GetValue(obj, null);propertyList.Add(o == null ? "" : o.ToString());}return propertyList;}
?<table?class="display"?id="DataTable"> ????????<thead> ????????????<tr> ????????????????<th> ????????????????????Id ????????????????</th> ????????????????<th> ????????????????????CityName ????????????????</th> ????????????????<th> ????????????????????ZipCode ????????????????</th> ????????????????<th> ????????????????????操作 ????????????????</th> ????????????</tr> ????????</thead> ????????<tbody> ????????</tbody> ????</table><script type="text/javascript" charset="utf-8">$(document).ready(function () {$('#DataTable').dataTable({"oLanguage": {//語言國際化"sUrl": "/Scripts/Plug-in/jquery.dataTable.cn.txt"},"bJQueryUI": true,"sPaginationType": "full_numbers",'bPaginate': true, //是否分頁。"bProcessing": true, //當datatable獲取數據時候是否顯示正在處理提示信息。 "bServerSide": false,"sAjaxSource": "Home/GetJsonCitys","aoColumns": [{ "sTitle": "編號", "sClass": "center" },{ "sTitle": "城市名稱", "sClass": "center" },{ "sTitle": "郵政編碼", "sClass": "center" },{"sTitle": "操作","sClass": "center","fnRender": function (obj) {return '<a href=\"Details/' + obj.aData[0] + '\">查看詳情</a> <input tag=\"' + obj.aData[0] + '\" type=\"checkbox\" name=\"name\" />';}}]});});

轉載于:https://www.cnblogs.com/sui84/p/6777037.html

總結

以上是生活随笔為你收集整理的分享在MVC3.0中使用jQuery DataTable 插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

3atv精品不卡视频,97人人超碰国产精品最新,中文字幕av一区二区三区人妻少妇,久久久精品波多野结衣,日韩一区二区三区精品

c/c++

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

總結