表格的渲染!

开发工具与关键技术:VS
作者:心华
撰写时间:2019/04/22
  1. 写好查询语句之后的表格的渲染。

在这里插入图片描述
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]//显示页数
                    }
                });
            })
        });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章