easyUI 权限管理之角色管理

先上图。

这里只简单的介绍核心代码。其他网格数据请参考官网去构造。
html

<table id="box"></table>
<div id="tb">
    <div>
    <!-- //这里之所以隐藏。是因为这些按钮会根据你自己设置的权限决定是否开放
    //会使用代码动态添加。或不添加。-->
        <!--<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="obj.edit(1000,500,'systemMgr/role_permission.html');" id="addPer">权限设置</a>-->
        <!--<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="obj.add(500,500,'systemMgr/role_edit.html');" id="add">添加</a>-->
        <!--<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="obj.edit(500,500,'systemMgr/role_edit.html');" id="edit">修改</a>-->
        <!--<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="obj.remove()" id="remove">删除</a>-->
        <form id="search" style="display: inline">

            <input type="text" class="textbox" name="roleName" placeholder="角色名称">
            <select class="form-control textbox" name="disable" >
                <option value="">--是否禁用--</option>
                <option value="0">否</option>
                <option value="1">是</option>
            </select>



            <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="obj.searchLog();">查询</a>

        </form>
    </div>
</div>

js

 $(function () {
   
   

        function getColumn(){
   
   
            var mydata={
                roleId:"角色Id",
                roleName:"角色名称",
                remark:"备注",
                createTime:"创建时间",
                disableText:"是否禁用"
            }


            var i=0
            var columnObj=[];
            var option={};

            $.each(mydata,function(key,value){
   
   
                myobj={
  
  "field":key,"title":value,"sortable":true}
                if(key=='remark'){
                    myobj.formatter=remarkFormater;
                }
                columnObj.push(myobj);
                i++;
            })
            option.columns=new Array(columnObj);
            option.title='角色管理'

            return option;
        }
        var obj=new getObj();
        obj.options=getColumn()
        boxDatagrid(obj.options);


    });

//公共js
function boxDatagrid(options){
   
   
   var title= getMenuName()
    var url=obj.htmlName+'/search'

    var options2= initGrid(url,'#tb')
    options2.title=title
    $.extend(options, options2);
    $('#box').datagrid(options);
}
function initGrid(url,tool){
   
   
    var options2 ={
        url : url,
        met