ASP.NET MVC 使用 Datatables (1)

具体步骤：

1、建立实体类

publicclassAsset

{

publicSystem.Guid AssetID { get; set; }

[Display(Name = "Barcode")]

publicstringBarcode { get; set; }

[Display(Name = "Serial-Number")]

publicstringSerialNumber { get; set; }

[Display(Name = "Facility-Site")]

publicstringFacilitySite { get; set; }

[Display(Name = "PM-Guide-ID")]

publicstringPMGuide { get; set; }

[Required]

[Display(Name = "Asset-ID")]

publicstringAstID { get; set; }

[Display(Name = "Child-Asset")]

publicstringChildAsset { get; set; }

[Display(Name = "General-Asset-Description")]

publicstringGeneralAssetDescription { get; set; }

[Display(Name = "Secondary-Asset-Description")]

publicstringSecondaryAssetDescription { get; set; }

publicintQuantity { get; set; }

[Display(Name = "Manufacturer")]

publicstringManufacturer { get; set; }

[Display(Name = "Model-Number")]

publicstringModelNumber { get; set; }

[Display(Name = "Main-Location (Building)")]

publicstringBuilding { get; set; }

[Display(Name = "Sub-Location 1 (Floor)")]

publicstringFloor { get; set; }

[Display(Name = "Sub-Location 2 (Corridor)")]

publicstringCorridor { get; set; }

[Display(Name = "Sub-Location 3 (Room No)")]

publicstringRoomNo { get; set; }

[Display(Name = "Sub-Location 4 (MER#)")]

publicstringMERNo { get; set; }

[Display(Name = "Sub-Location 5 (Equip/System)")]

publicstringEquipSystem { get; set; }

publicstringComments { get; set; }

publicboolIssued { get; set; }

}

2、添加实体到ApplicationDbContext中

publicclassApplicationDbContext : IdentityDbContext<ApplicationUser>

{

publicApplicationDbContext()

: base("DefaultConnection", throwIfV1Schema: false)

{

}

publicDbSet<Asset> Assets { get; set; }

publicstaticApplicationDbContext Create()

{

returnnewApplicationDbContext();

}

3、插入测试的数据

+ View Code

4、添加 Datatables 脚本

　　通过 NuGet 命令添加：Install-Package jquery.datatables　　

5、在程序中添加datatables脚本应用

　　bundles.Add(new ScriptBundle("~/bundles/datatables").Include(
　　　　"~/Scripts/DataTables/jquery.dataTables.min.js",
　　　　"~/Scripts/DataTables/dataTables.bootstrap.js"
　　));

　　bundles.Add(new StyleBundle("~/Content/datatables").Include(
　　　　"~/Content/DataTables/css/dataTables.bootstrap.css"
　　));

6、添加View页面

+ View Code

@section Scripts

{

<script type="text/javascript">

$(document).ready(function() {

$("#assets-data-table").DataTable({

"language": {

"processing": "处理中...",

"lengthMenu": "显示 _MENU_ 项结果",

"zeroRecords": "没有匹配结果",

"info": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",

"infoEmpty": "显示第 0 至 0 项结果，共 0 项",

"infoFiltered": "(由 _MAX_ 项结果过滤)",

"infoPostFix": "",

"search": "搜索:",

"searchPlaceholder": "搜索...",

"url": "",

"emptyTable": "表中数据为空",

"loadingRecords": "载入中...",

"infoThousands": ",",

"paginate": {

"first": "首页",

"previous": "上页",

"next": "下页",

"last": "末页"

},

"aria": {

paginate: {

first: '首页',

previous: '上页',

next: '下页',

last: '末页'

},

"sortAscending": ": 以升序排列此列",

"sortDescending": ": 以降序排列此列"

},

"decimal": "-",

"thousands": ","

}

});

</script>

}

7、运行程序，查看结果

来源： https://www.cnblogs.com/mikechang/p/5814109.html

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/liyanwei/p/10615357.html

ASP.NET MVC 使用 Datatables (1)相关推荐

【初学者指南】在ASP.NET MVC 5中创建GridView
介绍在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样.服务器端和客户端有许多可用的第三方库,这些 ...
利用ASP.NET MVC 的默认类型绑定器---将Jquery datatables中的数据强类型绑定到实体类中
背景描述: 本文参考资料:https://blog.csdn.net/honantic/article/details/45913403 阅读了上述博文后对我产生了启发,在ASP.NET MVC 5中 ...
(紀錄)[ASP.NET MVC][jQuery]-1 純手工打造屬於自己的 jQuery GridView
(我自己想記錄下來,雖然是別人寫的,但覺得很有值得保留) 在 ASP.NET MVC 中已經沒有像 ASP.NET Web Form 那樣有許多內建控制項了,而一般在開發專案上可能會滿常碰到一個需求: ...
ASP.NET MVC和jQuery DataTable整合
本文包含代码示例说明如何jQuery插件开发者可以集成到ASP.NET MVC应用程序. 下载源代码- 87.4 KB Introduction The jQuery DataTables plug- ...
ASP.NET MVC 5 實作 GridView 分頁
本文用 ASP.NET MVC 5 實作一個 GridView,功能包括: 分頁(paging).關鍵字過濾(filtering).排序(sorting).AJAX 非同步執行,外觀上亦支援 Resp ...
ASP.NET MVC 使用dataTable（3）--更多选项参考
ASP.NET MVC 使用dataTable(3)--更多选项参考 jQuery dataTables 插件是一个优秀的表格插件,是后台工程师的福音!它提供了针对数据表格的排序.浏览器分页.服务器 ...
ASP.NET MVC 2示例Tailspin Travel
Tailspin Travel 是一个旅游预订的应用程序示例,最新版本采用ASP.NET MVC 2技术构建,主要使用 DataAnnotations 验证, 客户端验证和ViewModels,还展示 ...
Asp.net MVC中的ViewData与ViewBag
在Asp.net MVC 3 web应用程序中,我们会用到ViewData与ViewBag,对比一下: ViewData ViewBag 它是Key/Value字典集合它是dynamic类型对像从 ...
ASP.NET MVC Identity 兩個多個連接字符串問題解決一例
按照ASP.NET MVC Identity建立了一個用戶權限管理模塊,由于還要加自己已有的數據庫,所以建立了一個實體模型,建立了之后,發現登錄不了: 一直顯示"Login in faile ...

ASP.NET MVC 使用 Datatables (1)

ASP.NET MVC 使用 Datatables (1)

ASP.NET MVC 使用 Datatables (1)相关推荐

最新文章

热门文章