溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框”，在日常操作中，相信很多人在怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
實現(xiàn)效果：
對象源代碼位置：o2server\o2web\source\o2_core\o2\xDesktop\Dialog.js,
該對象繼承至o2.widget.Dialog，源代碼位置：o2server\o2web\source\o2_core\o2\widget\Dialog.js
實現(xiàn)代碼如下：
var dialog = o2.DL.open({
"style" : "o2",
"title": "彈出框標題",
"width": "400",
"height" : "200",
"isMax": false,
"isClose": true,
"isResize": true,
"isMove": true,
"isTitle": true,
"offset": {"x":-200, "y": -100},
"mask": true,
"content": new Element("div"),
"container": this.form.getApp().content,
"duration": 200,
"buttonList": [
{
"text": "確定",
"action": function(){
var result = {"key":"value"};
if (callback) callback.apply(this, [result]);
dialog.close();
}.bind(this)
},
{
"text": "取消",
"action": function(){
dialog.close();
}.bind(this)
}
],
"onQueryClose": function(){
console.log("-onQueryClose-");
}.bind(this),
"onPostClose": function(){
console.log("-onPostClose-");
}.bind(this),
"onQueryLoad":function(){
console.log("-onQueryLoad-");
},
"onPostLoad": function(){
console.log("-onPostLoad-");
new Element("div",{text:"這是內(nèi)容區(qū)域"}).inject(this.content);
// ...code...
},
"onQueryShow": function(){
console.log("-onQueryshow-");
},
"onPostShow": function(){
console.log("-onPostShow-");
}.bind(this)
})
1)、style：彈出框使用的樣式，默認是default，系統(tǒng)內(nèi)置一些樣式，比如：flat,o2,chartd等，對應樣式文件位置路勁：o2server\o2web\source\o2_core\o2\widget\$Dialog，用戶也可以自己增加自定義樣式風格，對應文件及結(jié)構(gòu)參考已有樣式風格。
2)、title：彈出框頭部標題，在isTitle參數(shù)為true時有效。
3)、width：彈出框?qū)挾取?默認值：300
4)、height：彈出框高度。 默認值：150
5)、isMax：標題欄是否有最大化按鈕，相對應有還原按鈕，默認值：false
6)、isClose：標題欄是否有關閉按鈕。默認值：false
7)、isResize：彈出框大小是否可調(diào)整。默認值：true
8)、isMove：彈出框是否可移動。默認值：true
9)、isTitle：是否顯示標題欄。默認值：true
10)、offset：彈出框相對默認x軸y軸位置
11)、mark：是否需要遮罩層。默認值：true
12)、content：彈出框?qū)拥娜萜鳌?/p>
13)、container：彈出框?qū)觗om對象需要插入頁面html內(nèi)元素的位置，默認插入到body中。
14)、duration：動畫顯示彈出框效果時間。默認值：200
15)、buttonList：定義底部按鈕，比如“確認”，“關閉”按鈕等，數(shù)組列表。text：按鈕顯示名稱，action： 按鈕對應的點擊事件
16)、onQueryClose：關閉彈出框前事件
17)、onPostClose：關閉彈出框后事件
18)、onQueryLoad：彈出框載入前事件
19)、onPostLoad：彈出框載入后事件
20)、onQueryShow：彈出框顯示前事件
21)、onPostShow：彈出框顯示后事件
1)、調(diào)用彈出框?qū)ο蠛蟾魇录?zhí)行先手順序 onQueryLoad-->onPostLoad-->onQueryShow-->onPostShow
2)、彈出框傳值問題，通過apply方法，在關閉彈出框后把值通過回調(diào)方法傳到外部調(diào)用的對象中。
3)、除了以上列出的一些常用參數(shù)及方法外，可以查看widget\Dialog.js源代碼文件中其他內(nèi)置的參數(shù)及方法。
比如setContentSize(),設置居中，reCenter()重新設置居中位置等方法。
4)、可以自定義一個dialog類設置繼承widget.dialog重寫內(nèi)置方法，滿足特殊的業(yè)務要求
到此，關于“怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
