导入的css样式
<link rel="stylesheet" href="easyui/1.4/themes/default/easyui.css" />
<link rel="stylesheet" href="easyui/1.4/themes/default/datagrid.css" />
<link rel="stylesheet" href="easyui/1.4/themes/icon.css" />
导入的js
<script src="js/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery/jquery-ui.min.js"></script>
<script src="js/jquery/jquery.format.js"></script>
<script src="s/easyui/1.4/jquery.easyui.min.js"></script>
页面jsp
<div class="easyui-layout" fit="true" id="system_role_roleList">
<div region="center" style="padding: 1px;">
<table width="100%" id="user_role_list" toolbar="#roleListtb"></table>
<div class="leftbtntool">
<span><a onclick="setfunbyrole();">菜单权限设置</a></span>
</div>
</div>
</div>
</div>
<div data-options="region:'east',
collapsed:true,
onExpand : function(){
li_east = 1;
},
onCollapse : function() {
li_east = 0;
}" >
<div class="easyui-panel" id="function-panel">
</div>
</div>
</div>
点击分配按钮js方法
function setfunbyrole(){
if(li_east == 0){
$('#system_role_roleList').layout('expand','east');
}
$("#function-panel").panel({
title : "当前权限:" + roleName,
href : "${ctx}/roleController.do?fun=key&roleId=" + id
});
}
要先定义li_east全局变量,要不找不到变量报错了,都没有执行expand方法然后执行你的事件
var li_east=1;//设置默认状态,如果默认展开为1,否则0
function setfunbyrole(){