表格的渲染!
开发工具与关键技术:VS
作者:心华
撰写时间:2019/04/22
- 写好查询语句之后的表格的渲染。
2. 这里表格的数据处理用到layui插件,把layui插件放到项目并引用
3.之后进行表格的渲染,
var TabAcademe;//layui的表格,声明的一个变量
//var layerIndex = 0;
var layer, layuiTable;//保存layui模块以便全局使用
$(document).ready(function () {
layui.use(['table', 'layer'], function () {
layer = layui.layer, layuiTable = layui.table;//layuiTable模块加载
//执行渲染
//进行表格渲染.调用方法render
TabAcademe = layuiTable.render({
//.设置方法里面的配置项(参数),elem指定原始表格元素选择器如ID选择器、url数据接口(数据请求的路径)、cols表头
elem: '#tabAcademe',
url: '/CollegeInfor/SelectAcademeAll//(SelectAcademeAll控制器那边的方法名)',
cols: [[//数组
//JSON的对象,title设定标题名称,type设定列的类型(值有nomal常规列、radlio单选框列、checkbox(复选框列)、numbers序号列、space空列
{ title: '选择', type: 'radio' },
{ title: '序号', type: 'numbers' },
{ title: '学院名称', field: 'AcademeName', align: 'center' },
{ title: '学院代号', field: 'AcademeCode', align: 'center' },
{ title: '操作', templet: setOption, align: 'center' },
]],
page: {
limit: 5,//显示条数
limits:[5,9,10]//显示页数
}
});
})
});