js教程,信息的分类,江苏体育频道节目表
打开datatables官网(https://datatables.net/download/)
勾选extensions/buttons,下载插件,复制到jd.crs.web.mvc\wwwroot\lib\datatables目录.
打开展示层(即jd.crs.web.mvc)的views/course/index.cshtml //course查询视图
添加以下代码,引入插件.
<link href="~/lib/datatables/datatables/css/jquery.datatables.css" rel="stylesheet" asp-append-version="true" /> <link href="~/lib/datatables/buttons/css/buttons.datatables.css" rel="stylesheet" asp-append-version="true" /> <script src="~/lib/datatables/datatables/js/jquery.datatables.js" asp-append-version="true"></script> <script src="~/lib/datatables/buttons/js/datatables.buttons.js" asp-append-version="true"></script> <script src="~/lib/datatables/buttons/js/buttons.flash.js" asp-append-version="true"></script> <script src="~/lib/datatables/buttons/js/buttons.html5.js" asp-append-version="true"></script> <script src="~/lib/datatables/buttons/js/buttons.print.js" asp-append-version="true"></script> <script src="~/lib/datatables/jszip/jszip.js" asp-append-version="true"></script> <script src="~/lib/datatables/pdfmake/pdfmake.js" asp-append-version="true"></script> <script src="~/lib/datatables/pdfmake/vfs_fonts.js" asp-append-version="true"></script>
打开展示层(即jd.crs.web.mvc)的\wwwroot\view-resources\views\course\index.js //用以存放course查询相关脚本
自带按钮有五个:
copy //复制到剪贴板
csv //导出csv
excel //导出excel
pdf //导出pdf
print //打印
采用默认格式
//button buttons: [ 'copy', //复制到剪贴板 'csv', //导出csv 'excel', //导出excel 'pdf', //导出pdf 'print' //打印 ],
采用自定义格式
buttons: [ { extend: 'copy', text: '复制' //可以中文 }, { extend: 'csv', text: 'csv' //可以英文 }, { extend: 'excel', text: 'excel' }, { extend: 'pdf', text: 'pdf' }, { extend: 'print', text: '<i class="material-icons">print</i>' //可以图标 } ],
基础绑定
定制绑定
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
Net Core Web Api项目与在NginX下发布的方法
asp.net core3.1 引用的元包dll版本兼容性问题解决方案
IdentityServer4实现.Net Core API接口权限认证(快速入门)
ASP.NET Core MVC通过IViewLocationExpander扩展视图搜索路径的实现
网友评论