easyui的window外掛程式再次封裝

2022-01-12 09:02:40 字數 1416 閱讀 3115

easyui的window外掛程式再次封裝

說明:該外掛程式彈出的彈出框在最頂層的頁面中,而不是在當前頁面所在的iframe中,它的可拖動範圍是整個瀏覽器視窗;所以不能用js的parent物件獲取彈出它的父頁面,這裡用了乙個笨方法,最多支援四級彈出框,即彈出框中再彈出彈出框的情況,笨方法也是方法,它很簡單、很有效。

**:

/*

** easyui的window外掛程式再次封裝

* 2023年11月10日

*/simpowin =,

onclose:

function

() }).window('open');

top.simpowinid++;

switch

(top.simpowinid)

},closewin:

function

() ,

getwinparent:

function

() }

}

view code

帶**函式版,支援傳入url或div容器id:

/*

** easyui的window外掛程式再次封裝

* 2023年11月10日

*/simpowin =,

onclose:

function

() }).window('open');

top.simpowinid++;

switch

(top.simpowinid)

},closewin:

function

() ,

ok:

function

(data)

},getwinparent:

function

() },

showwin2:

function

(title, containerid, width, height, closecallback)

}).window('open');

},closewin2:

function

(containerid)

}

view code

如何使用:

1、引用該外掛程式的js檔案

2、父頁面**:

simpowin.showwin("選擇素材", "textmessagelist.aspx", 880, 580);
3、子頁面**:

var winparent =simpowin.getwinparent();

winparent.setvalue(val);

//子頁面操作父頁面

simpowin.closewin(); //

關閉彈出框

Easyui 定製window視窗

jquery easyui 是一種基於jquery的使用者介面外掛程式集合,在實際的開發種給我們帶來了很大的便利,方便資料的直觀展示等。在實際的開發中,我們要使用easyui就需要先導入easyui的jar包。easyui預設的樣式是這樣子的 但是在實際的開發中有時候需要定製自己專案使用的easyu...

easyui 基礎元件 window

window 依賴下面三個元件,就是繼承,所以下面的特性和方法 事件都可以用 window 和panel不同之處,可以有拖拽移動draggable,拖改變大小reziable,預設都設定了上面4個工具欄為true 最大,最小,摺疊,關閉 modal特性,是否是模態,false時,可以點選 點選 為t...

easy ui外掛程式收穫

今天做的分層管理讓我對享學的框架又一步的認識,慢慢的弄清了流程和怎麼操作 今天主要卡在了兩點,乙個是引數的定位 引數要和你的vo匹配否則會出現 400或者無法定位引數異常,在這裡接觸到了乙個新的知識點就是 這是乙個easy ui自檢 validtype float 表示文字框只能輸入消失,其他型別自...