EasyUI 实现动态禁用/激活分割线

实现动态禁用/激活分割线：

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>

posted @ 2021-05-06 15:28 老司机快发车阅读(189) 评论(0) 收藏举报

刷新页面返回顶部