ABP进阶教程3 - 分页排序

点这里进入abp进阶教程目录 

下载插件

打开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();
} );

预览效果

基本的分页/排序就出来了．