首页 > 其他 > 详细

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

时间:2021-05-06 16:57:52      阅读:33      评论:0      收藏:0      [点我收藏+]

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

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>

 

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

原文:https://www.cnblogs.com/XuYuFan/p/14735371.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!