meidu2021/out/artifacts/erp_war_exploded/webpage/system/role/roleTree.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<script type="text/javascript">
	$(function() {
        // 获取并构建角色Tree：展示角色树并选中当前所属部门所拥有的角色；
		$('#orgRoleTree').tree({
			checkbox : true,
			url : 'roleController.do?getRoleTree&orgId=${orgId}',
			onLoadSuccess : function(node) {
				expandAll();
			}
		});
		$("#functionListPanel").panel(
				{
					title :'<t:mutiLang langKey="common.role.list"/>',
					tools:[{iconCls:'icon-save',handler:function(){mysubmit();}}]
				}
		);
	});
	function mysubmit() { // 提交
		var orgId = $("#orgId").val();
		var ids = GetNode();
		doSubmit("roleController.do?updateOrgRole&roleIds=" + ids + "&orgId=" + orgId);
	}
    /**
     * 获取 选中的节点 并返回
     * @returns {string} 节点id，多个id已逗号分割
     * @constructor
     */
    function GetNode() {
		var node = $('#orgRoleTree').tree('getChecked');
		var cnodes = '';
		var pnodes = '';
		var pnode = null; //保存上一步所选父节点
		for ( var i = 0; i < node.length; i++) {
			if ($('#orgRoleTree').tree('isLeaf', node[i].target)) {
				cnodes += node[i].id + ',';
				pnode = $('#orgRoleTree').tree('getParent', node[i].target); //获取当前节点的父节点
				while (pnode!=null) {//添加全部父节点
					pnodes += pnode.id + ',';
					pnode = $('#orgRoleTree').tree('getParent', pnode.target); 
				}
			}
		}
		cnodes = cnodes.substring(0, cnodes.length - 1);
		pnodes = pnodes.substring(0, pnodes.length - 1);
		return cnodes + "," + pnodes;
	}
	/**
	 * 展开所有节点
     */
	function expandAll() {
		var node = $('#orgRoleTree').tree('getSelected');
		if (node) {
			$('#orgRoleTree').tree('expandAll', node.target);
		} else {
			$('#orgRoleTree').tree('expandAll');
		}
	}
    /**
     * 选择所有节点
     */
	function selecrAll() {
		var node = $('#orgRoleTree').tree('getRoots');
		for ( var i = 0; i < node.length; i++) {
            $('#orgRoleTree').tree("check",node[i].target);
	    }
	}
    /**
     * 重置树
     */
	function reset() {
		$('#orgRoleTree').tree('reload');
	}

	$('#selecrAllBtn').linkbutton({
	});
	$('#resetBtn').linkbutton({   
	});   
</script>
<div class="easyui-layout" fit="true">
    <div region="center" style="padding:0px;border:0px">
        <div class="easyui-panel" style="padding:0px;border:0px" fit="true" border="false" id="functionListPanel">
            <input type="hidden" name="orgId" value="${orgId}" id="orgId">
            &nbsp;&nbsp;&nbsp;
            <a id="selecrAllBtn" onclick="selecrAll();"><t:mutiLang langKey="select.all"/></a>
            <a id="resetBtn" onclick="reset();"><t:mutiLang langKey="common.reset"/></a>
            <ul id="orgRoleTree"></ul>
        </div>
    </div>
</div>