ABP进阶教程4 - 分页排序
2024-08-27 23:40:18
下载插件
打开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();
} );
预览效果
基本的分页/排序就出来了.
最新文章
- linux 实践2.2 编译模块
- mongodb配置文件
- 这里有个坑---js日期格式yyyy-MM-dd与yyyy/MM/dd
- 关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
- AC日记——数字统计 openjudge 1.5 41
- 把验证码和生成时间负值给$_SESSION[vCode]生成图像给浏览器
- 安装Hadoop系列 — 新建MapReduce项目
- 使用ImageMagick和Tesseract进行简单数字图像识别
- java对Ldap操作2
- bzoj2127: happiness
- map循环遍历删除
- 仅仅需手动添加一行代码就可以让Laravel4执行在SAE (v. 1.0.0)
- SWT的GridData一些参数的图示
- 获取当前进程(程序)主窗体句柄并设置wpf的父窗体为此句柄
- 安卓开发笔记(十三):SQLite数据库储存(下)数据的增添,更改,删除,查询
- CentOS 7从Python 2.7升级至Python3.6.1
- linux不能上网问题
- [luoguU48834][count]
- 20165326 学习基础和c语言基础调查
- JavaBean转化为Map,List<;JavaBean>;转化为List<;Map>;