实现动态禁用/激活分割线:
layout依赖于panel和resizable,每个region分割线的拖动其实是通过resizable实现的,实质上并不是拖动,而是reszie,知道这三个插件之间的这种关系后,思路就很简单了,获取region的panel对象后使用resizable插件的disable方法禁用resizable即可,所以代码很简单:
//禁用拖动 $(‘body‘).layout(‘panel‘,‘north‘).panel(‘panel‘).resizable(‘disable‘); //激活拖动 $(‘body‘).layout(‘panel‘,‘north‘).panel(‘panel‘).resizable(‘enable‘);
案例:
<script type="text/javascript"> $(function () { //禁用拖动 $(‘body‘).layout(‘panel‘, ‘west‘).panel(‘panel‘).resizable(‘disable‘); //激活拖动 $(‘body‘).layout(‘panel‘, ‘west‘).panel(‘panel‘).resizable(‘enable‘); }); </script> <body class="easyui-layout" fit="true"> <div id="westPanel" data-options="region:‘west‘,title:‘可用分析模型‘,split:true,collapsible:false" style="width:200px;"></div> <div id="centerPanel" data-options="region:‘center‘"></div> </body>
原文:https://www.cnblogs.com/XuYuFan/p/14735371.html