admin1/Home/View/Group/perm.html

<!--<form action="__APP__{$action}"  data-toggle="ajaxform">
<div class="pageFormContent" data-layout-h="0" style="overflow: auto; height: 231px;">
          <table class="table table-condensed table-hover" width="100%">
           <tbody>
						<tr><td>
                <label class="control-label x95">类型：</label>
            <select name="type" data-toggle="selectpicker" data-width="200">
            <option value="1">角色</option>
	          <option value="0">角色组</option>
	          </select>
            </td></tr>
            <tr><td>
                <label class="control-label x95">父角色：</label>
			      <input type="text" name="pid" value="" size="20"data-rule="required" >
           </td></tr>
            <tr><td>
                <label for="rolem" class="control-label x95">角色名称：</label>
                <input type="text" size="20" name="title" id="rolem" value="" data-rule="required" class="form-control">
            </td></tr>
           <tr><td>
                <label class="control-label x95">排序：</label>
           			<input type="text" size="10" name="sort" value=""  class="form-control" data-toggle="spinner">
           </td></tr>
           <tr><td style="    text-align: center;"><button type="submit" class="btn-default btn">提交</button></td></tr>
            </tbody>
            </table>
          
</div>
</form>-->
<div class="bjui-pageContent">
<form action="__APP__{$action}"  data-toggle="ajaxform">
<div class="pageFormContent" data-layout-h="0" style="overflow: auto;">
	<input type="hidden" name="list" value='set2'>
	<input type="hidden" name="permid" value='{$permid}'>

<table id="perm_tree" data-toggle="datagrid" width="95%">
    <thead>
        <tr>
            <th data-options="{name:'title', align:'center', width:300 }">权限菜单</th>
            <th data-options="{name:'id',render:'perm_1', align:'left',width:400 }">权限</th>
        </tr>
    </thead>
</table>
</div>
</div>
<div class="bjui-pageFooter">
            <ul>
                <li><button type="button" class="btn-close" data-icon="close">取消</button></li>
                <li><button type="submit" class="btn-default" data-icon="save">保存</button></li>
                <li><button type="button" class="btn-default" data-icon="check" onclick="quanxuanf()">全选</button></li>
                <li><button type="button" class="btn-default" data-icon="close" onclick="quanxuany()">取消全选</button></li>
            </ul>
        </div> 
</form>
<script type="text/javascript">
	//document.getElementByClassName('dialogContent unitBox').style('');
$('#perm_tree').datagrid({
    width: '100%',
    height: '100%',
    //gridTitle: '树状datagrid 示例 ',//addLocation: 'last',//添加列的位置//editUrl: '../../json/ajaxDone.json',//toolbarItem:'add, cancel, del, save',
    showToolbar: false,
    local: 'local',
    dataUrl: '__MODULE__/Role/perm',
    inlineEditMult: false,
    isTree: 'title',
    filterThead	:false,	
    fieldSortable: false,
    columnMenu: false,
    paging: false,
    treeOptions: {
        expandAll: false,
        add: false,//显示添加一行
        simpleData: true,
        keys: {
            parentKey: 'pid'
        }
    }
});
function perm_1(tr,data){
	//console.log(tr);//name属性
	//console.log(data);//行
	var html='';
	/*BJUI.ajax('doajax', {
        url: '__MODULE__/Role/perm',
        data:{'list':'get2','id':tr},
        loadingmask: true,
        okCallback: function(json, options) {
            //console.log('返回内容：\n'+ JSON.stringify(json));
            //console.log(options);
            var res=JSON.stringify(json);
            var val=JSON.parse(res);
            for(var i=0;i< val.length;i++){
            	//console.log(val[i].title);
            	//html+='<input type="checkbox" name="checkbox" id="" value="1" data-toggle="icheck" data-label="'+val[i].title+'">&nbsp;';
            var input = document.createElement("input");  
            input.setAttribute('type', 'checkbox');  
            //input.setAttribute('value', '1');   
            //input.setAttribute('name', 'checkbox');  //设置文本为只读类型  
            //input.setAttribute('data-toggle', 'icheck'); 
            //input.setAttribute('data-label', val[i].title);
            //$('#permid'+tr).appendChild(input); 
            document.getElementById('permid'+tr).appendChild(input);
            	}
        }
      });
      */
 /* $.ajax({
			async: false,
			type : "POST",
			url : '__MODULE__/Role/perm/',
			dataType : 'json',
			data: {'list':'get2','id':tr},
			success : function(data) {
				var res=JSON.stringify(data);
				var val=JSON.parse(res);
				var arr={$pers};
				for(var i=0;i< val.length;i++){
					var iii='';
					 	 if(isarr(arr,val[i].id)){
					 	 	iii='checked="checked"';
					 	 	}else{
					 	 		//console.log('失败');
					 	 		}
					 	 	
				html+='<input type="checkbox" '+iii+' name="checkbox_'+val[i].id+'" value="'+val[i].id+'" data-toggle="icheck" data-label="'+val[i].title+'">&nbsp;';
				}
			} 
		}); */
		var arr={$pers};
		if(data.allid==null){
		var nn='';
		if(isarr(arr,tr)){
		nn='checked="checked"';
		}
  	html+='<input type="checkbox" '+nn+' name="checkbox_'+tr+'" value="'+tr+'" data-toggle="icheck" class="permck" data-label="查看">';
  }
	 if(data.allid!=null){
	 		var nn='';
			if(isarr(arr,tr)){
			nn='checked="checked"';
			}
	  	html+='<input type="checkbox" '+nn+' name="checkbox_'+tr+'" value="'+tr+'" data-toggle="icheck" class="permck" data-label="查看">';
	  	var str1=data.allid;
	  	var str2=data.ctitle;
	  	strs1=str1.split(",");//id
	  	strs2=str2.split(",");//title
	  	for (i=0;i< strs1.length ;i++ ) 
			{
				var iii='';
				if(isarr(arr,strs1[i])){
				iii='checked="checked"';
				}
				html+='<input type="checkbox" '+iii+' name="checkbox_'+strs1[i]+'" value="'+strs1[i]+'" data-toggle="icheck" class="permck" data-label="'+strs2[i]+'">&nbsp;';
			}
  	}
  return html;
	}
function isarr(arr, obj) {  
    var i = arr.length;  
    while (i--) {  
        if (arr[i] === obj) {  
            return true;  
        }  
    }  
    return false;  
}
function quanxuanf(){
	$('.permck').iCheck('check');
	}
function quanxuany(){
	$('.permck').iCheck('uncheck');
	}
</script>