VisualInspection/VisualInspection/js/role/role.js

var cols = [{
    width: 'auto',
    text: '序号',
    type: 'number',
    flex: true,
    colClass: 'text-center'
}, {
    width: 'auto',
    text: '角色名称',
    type: 'string',
    flex: true,
    colClass: 'text-center'
}, {
    width: 'auto',
    text: '用户数',
    type: 'number',
    flex: true,
    colClass: 'text-center'
}, {
    width: 'auto',
    text: '操作',
    type: 'string',
    flex: true,
    colClass: 'text-center'
}];
var pageNo = null;
$(document).ready(function () {

    $("#main_content_title").html("角色管理")

    $('.datatable').datatable({
        checkable: false,
        sortable: false,
        data: {
            cols: cols,
            rows: []
        }
    });

    var pagesize = 15;
    if (pageNo == null || pageNo == "") {
        getrole(pagesize, 1);
    } else {
        getrole(pagesize, pageNo);
    }



   $("#add_role_btn").on("click",function(){

       $('#addRoleModal').modal('show');
   })

});


function getrole(size, page) {
    RoleGetALL(page, size, function (data) {

        totalPage = data.pages;
        totalRecords = data.total;
        setpage(data.currentPage);
        var rowdata = [];
        if (data.list.length > 0) {
            for (var i = 0; i < data.list.length; i++) {
                var role = data.list[i];
                var userdata = {};
                userdata["checked"] = false;
                userdata["data"] = [i + 1, role.des, role.usercount, '<button class="btn btn-primary" name="user_edit" id=' + role.id + '><i class="icon icon-edit"></i>修改</button>  <button class="btn btn-primary" name="user_delete" id=' + role.id + ' ><i class="icon icon-remove-circle"></i>删除</button>'];
                rowdata.push(userdata);
            }
        }

        // 使用data参数更新数据：
        $('.datatable').datatable('load', {
            cols: cols,
            rows: rowdata
        });
    }, function (error) {

    });
}

var totalPage = 20;
var totalRecords = 390;
function setpage(currentpage) {
    if (!pageNo) {
        pageNo = currentpage;
    }

    //生成分页
    //有些参数是可选的，比如lang，若不传有默认值
    kkpager.generPageHtml({
        pno: pageNo,
        //总页码
        total: totalPage,
        //总数据条数
        totalRecords: totalRecords,
        mode: 'click',//默认值是link，可选link或者click
        click: function (n) {
            // do something
            getrole(pagesize, n);

            //手动选中按钮
            this.selectPage(n);
            return false;
        }
        /*
         ,lang				: {
         firstPageText			: '首页',
         firstPageTipText		: '首页',
         lastPageText			: '尾页',
         lastPageTipText			: '尾页',
         prePageText				: '上一页',
         prePageTipText			: '上一页',
         nextPageText			: '下一页',
         nextPageTipText			: '下一页',
         totalPageBeforeText		: '共',
         totalPageAfterText		: '页',
         currPageBeforeText		: '当前第',
         currPageAfterText		: '页',
         totalInfoSplitStr		: '/',
         totalRecordsBeforeText	: '共',
         totalRecordsAfterText	: '条数据',
         gopageBeforeText		: ' 转到',
         gopageButtonOkText		: '确定',
         gopageAfterText			: '页',
         buttonTipBeforeText		: '第',
         buttonTipAfterText		: '页'
         }*/
    });
}