ABP进阶教程3 - 分页排序
程序员文章站
2022-06-30 18:14:45
点这里进入ABP进阶教程目录 下载插件 打开Datatables官网(https://datatables.net/download/) 下载插件,复制到JD.CRS.Web.Mvc\wwwroot\lib\dataTables目录. 这两个主文件必选,其他的看着选吧. 引入插件 打开展示层(即JD ......
下载插件
打开datatables官网(https://datatables.net/download/)
下载插件,复制到jd.crs.web.mvc\wwwroot\lib\datatables目录.
这两个主文件必选,其他的看着选吧.
jquery.datatables.js
jquery.datatables.css
引入插件
打开展示层(即jd.crs.web.mvc)的views/course/index.cshtml //course查询视图
添加两行代码,引入插件.
<link href="~/lib/datatables/datatables/css/jquery.datatables.css" rel="stylesheet" asp-append-version="true" /> <script src="~/lib/datatables/datatables/js/jquery.datatables.js" asp-append-version="true"></script>
更新视图
打开展示层(即jd.crs.web.mvc)的views/course/index.cshtml //course查询视图
把要用到插件的<table>加上id
<table id="datatable" class="table">
更新脚本
打开展示层(即jd.crs.web.mvc)的\wwwroot\view-resources\views\course\index.js //用以存放course查询相关脚本
绑定插件
$(document).ready( function () { $('#datatable').datatable(); } );
预览效果
基本的分页/排序就出来了.