easyui-dialog禁止拖动的办法

关注

原创最新推荐文章于 2026-04-09 00:42:10 发布 1.9w 阅读 AI 写同款· GEO 优化 ›

JQuery EasyUI TreeGrid控件的使用——支持拖拽与禁止拖拽最近在做一些前端的工作，很多用户要求的复杂前端可以使用jq easyui实现，开源且功能强大，相信很多人早就尝到甜头了。下面进入正题，本篇博文主要介绍treegrid控件。官网DEMO有很多，可以借鉴。想看拖拽相关介绍的直接跳到第三步…… treegrid效果图：第一步：数据看到这样的前端控件，我最先关心的是数据是如何存储的。这里以json为例，贴一个来自官网的样例json文阅读详情

因为dialog继承了window事件,window事件继承了panel事件。用panel事件，onMove即可完成静止拖动dialog，并且移动鼠标icon也会消失。(这方法在ie9、火狐、谷歌正常运行，但在ie6会异常关闭的），这时应该改为：onMove:function(){$(this).draggable('disabled',true);}

<div id="editOrAdd" class="easyui-dialog" style="width: 750px; height:500px;" maximizable="false" closable="false" closed="true" buttons="#dlg-buttons" modal="true" data-options="onMove:function(){$(this).panel('move',{left:0,top:0});}">					
						<form id="myForm" name="myForm" method="post">
						<table id="data" class="formtable" border="0" style="margin-left:10px">
							.........
						</table>
						</form>		
</div>

收录于