jQuery EasyUI的使用可以很容易地创建一个非常耀眼的头版,最近发现在对话框的使用问题:

用户在页面中拖动对话框后,对话框不能被拖动。除非有必要重新打开页面,这个问题对于用户体验非常重要。

所以我们开始研究easyu API是否有相应的功能或事件来处理,结果被发现是没有现成的,所以我得想个办法:

以下观点如下:

使用面板的OnOpen事件得到最初的左侧和顶部的主题

当用户拖动对话框过程,面板ONMOVE事件用于从对话框的父页面的父页面获得的宽度和高度,体。

通过计算,当用户把主题从身体,面板的移动功能是用来移动对话框的初始位置。

测试方法是可行的,代码如下所示:


无功default_left;
无功default_top;
$(# details_dd对话框({)。
标题:'detailed信息,
情态动词:真的,
OnOpen:函数(){
左原创对话框
default_left = $(# details_dd)。面板(选项)。左;
对话框顶部
default_top = $(# details_dd)。面板(选项)。顶;
},
OnMove:功能(左上){ / /鼠标拖动事件
无功body_width = document.body.offsetwidth; / /体的宽度
无功body_height = document.body.offsetheight; / /身高
dd_width = $(var的# details_dd)。面板(选项)。宽度; / /对话框宽度
dd_height = $(var的# details_dd)。面板(选项)。高度; / /对话的高度
如果(左(body_width-dd_width)| |顶(body_height-dd_height)){
$(# details_dd)。对话框('move,{
左:default_left,
上图:default_top
});
}
}
});



有些问题需要一起讨论,以便我们从研究中得到一些结果。这个jQuery EasyUI对话框不能拖累的解决方案可以帮助大家的学习,帮助你解决jQuery EasyUI对话框的问题。