jQueryEasyUIDialog拖不下來如何解決_jquery
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:44:07
jQueryEasyUIDialog拖不下來如何解決_jquery
jQueryEasyUIDialog拖不下來如何解決_jquery:使用jquery easyui可以很容易的創(chuàng)建很炫的前臺頁面,最近在使用過程中發(fā)現(xiàn)dialog存在一個問題: 用戶將dialog拖出頁面后,dialog就不能拖下來了,除非要重新打開頁面,這個問題對于用戶體驗來說是非常重要的, 所以就開始研究easyu API看看有沒有相
導(dǎo)讀jQueryEasyUIDialog拖不下來如何解決_jquery:使用jquery easyui可以很容易的創(chuàng)建很炫的前臺頁面,最近在使用過程中發(fā)現(xiàn)dialog存在一個問題: 用戶將dialog拖出頁面后,dialog就不能拖下來了,除非要重新打開頁面,這個問題對于用戶體驗來說是非常重要的, 所以就開始研究easyu API看看有沒有相

使用jquery easyui可以很容易的創(chuàng)建很炫的前臺頁面,最近在使用過程中發(fā)現(xiàn)dialog存在一個問題:
用戶將dialog拖出頁面后,dialog就不能拖下來了,除非要重新打開頁面,這個問題對于用戶體驗來說是非常重要的,
所以就開始研究easyu API看看有沒有相應(yīng)的函數(shù)或者事件去處理,結(jié)果發(fā)現(xiàn)沒有現(xiàn)成,只好自己想了個辦法:
思路如下:
使用panel的onOpen事件,取得diglog的原始left和top
當(dāng)用戶在拖動dialog過程中,使用panel的onMove事件取得dialog所在父頁面body的width和height,
通過計算,當(dāng)用戶將diglog拖動出body時,使用panel的move函數(shù)將dialog移動到初始的位置。
經(jīng)過測試次方法可行,代碼如下所示:
有些問題就需要大家一起討論研究才會有所收獲,本文分享的jQuery EasyUI Dialog拖不下來的解決辦法,希望可以對大家的學(xué)習(xí)有所幫助,幫助大家順利解決jQuery EasyUI Dialog拖不下來的問題。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jQueryEasyUIDialog拖不下來如何解決_jquery
jQueryEasyUIDialog拖不下來如何解決_jquery:使用jquery easyui可以很容易的創(chuàng)建很炫的前臺頁面,最近在使用過程中發(fā)現(xiàn)dialog存在一個問題: 用戶將dialog拖出頁面后,dialog就不能拖下來了,除非要重新打開頁面,這個問題對于用戶體驗來說是非常重要的, 所以就開始研究easyu API看看有沒有相