点这里进入ABP进阶教程目录 我们尝试在新增/编辑界面增加一个下拉框用来代替输入框编辑Status 添加实体 打开领域层(即JD.CRS.Core)的Entitys目录 //用以存放实体对象添加一个类StatusCode.cs //状态信息 using System; using System.Collections.Generic; using System.Text; namespace JD.CRS.Entitys { public enum StatusCode : byte { Ena…

ABP进阶教程 本教程主要讲解如何基于ABP实现条件查询/分页/排序/导出/打印等功能. 源码已分享:   GitHub   Gitee ABP进阶教程0 - 目录 ABP进阶教程1 - 条件查询 ABP进阶教程2 - 组合查询 ABP进阶教程3 - 优化编辑 ABP进阶教程4 - 分页排序 ABP进阶教程5 - 多语言配置 ABP进阶教程6 - 布局配置 ABP进阶教程7 - 功能按钮 ABP进阶教程8 - 自定义按钮 ABP进阶教程9 - CSV导出中文乱码 ABP进阶教程10 - PDF导…

点这里进入ABP进阶教程目录 效果预览 至此,ABP进阶教程的查询/分页/排序/导出/打印示例已完成,效果如下 登录 首页 办公室信息 院系信息 课程信息 教职员信息 学生信息 新增 修改 删除 查询 复制 导出 打印 敬请期待下一个系列．…

点这里进入ABP进阶教程目录 问题描述 功能按钮 - 导出PDF,中文信息导出为乱码. 解决方案 导出PDF是通过pdfmake.js实现的. 检查发现是pdfmake引用的vfs_fonts.js字体只有一种: Roboto,而Roboto不支持中文. 解决思路是生成一个包含支持中文字体的vfs_fonts.js替换掉旧的文件. 下载项目 下载pdfmake https://github.com/bpampuch/pdfmake 安装gulp 全局安装 npm i gulp-cli -g 本地…

点这里进入ABP进阶教程目录 问题描述 功能按钮 - 导出CSV,中文信息导出为乱码. 解决方案 打开展示层(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\Index.js //用以存放Course查询相关脚本 找到DataTable/buttons参数设置 添加一行代码即可bom: true //Button buttons: [ {// 自定义按钮-Add extend: 'alert', text: '+' //text: '<…

点这里进入ABP进阶教程目录 在功能按钮区增加一个自定义按钮 - Add(创建课程) 添加按钮 打开展示层(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\Index.js //用以存放Course查询相关脚本 自带按钮已有五个我们再添加一个: // 自定义按钮 { extend: 'alert', text: '+' //text: '<i class="material-icons">add</i>…

点这里进入ABP进阶教程目录 下载插件 打开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…

点这里进入ABP进阶教程目录 解读参数 l - length changing input control (左上,每页显示记录数) f - filtering input (右上,过滤条件) t - The table (中央,数据表格) r - processing display element (中央,过场动画) i - Table information summary (左下,表格信息) p - pagination control (右下,分页) 布局配置 打开展示层(即JD.CR…

点这里进入ABP进阶教程目录 更新脚本 打开展示层(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\Index.js //用以存放Course查询相关脚本 插件支持语言配置,默认为英文,如下配置可汉化． $(document).ready(function () { _$dataTable.DataTable({ oLanguage: { //Language //"sUrl": "~/lib/dataTables/…

点这里进入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查询视图 添加两行…