easyui防止彈窗超過父頁面頂部

2021-10-01 07:18:29 字數 827 閱讀 5262

在工作中使用easyui時常常會遇到這樣的問題,當彈窗可以拖拽時,不小心拖拽到父頁面的頂部以後就拽不回來了

其實解決辦法很簡單只需要在父頁面引入下面的js就可以了

var easyuipanelonmove = function (left, top) 

if (t < 1)

var width = parseint($(this).parent().css('width')) + 14;

var height = parseint($(this).parent().css('height')) + 14;

var right = l + width;

var buttom = t + height;

var browserwidth = $(window).width();

var browserheight = $(window).height();

if (right > browserwidth)

if (buttom > browserheight)

$(this).parent().css();

};$.fn.dialog.defaults.onmove = easyuipanelonmove;

$.fn.window.defaults.onmove = easyuipanelonmove;

$.fn.panel.defaults.onmove = easyuipanelonmove;

訊息懸浮彈窗 頂部彈窗

最近寫了乙個訊息彈窗的需求,訊息推送彈窗從頂部滑出,停滯5s,然後消失,使用者可以手動干擾,干擾之後3秒消失。最先想用系統彈窗可以參考 但是寫完之後發現必須要使用者授權才能彈出,而我們的需求是接受通知的開關自己控制,所以不適用,我想到的是獲取decoview的framlayout,然後把自定義的彈窗...

layer關閉彈窗(多種關閉彈窗方法)

相信大家在使用layer彈框的時候會常常遇到關閉彈窗的問題下面為關閉彈窗的方法 layer.close index 關閉特定層 當你想關閉當前頁的某個層時 var index layer.open var index layer.alert var index layer.load var inde...

easyui 合併列 easyui 報表合併單元格

前段時間工作中碰到有需求,要求資料按下圖所示格式來顯示,當時在園子裡看到了一篇文章 時間久了,想不起是哪一篇 研究了後做出了如下的demo,在此當作學習筆記,簡單記錄一下。首先是效果圖,如下 資料庫臨時建的demo表,如下 前台 如下 查詢 新增 extend fn.datagrid.methods...