這篇文章主要介紹“怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框”，在日常操作中，相信很多人在怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

陵城網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1、使用O2OA平臺(tái)封裝好對(duì)象o2.DL的open方法創(chuàng)建彈出層，傳入options參數(shù)構(gòu)建彈出框內(nèi)容、按鈕等元素

實(shí)現(xiàn)效果：

對(duì)象源代碼位置：o2server\o2web\source\o2_core\o2\xDesktop\Dialog.js,

該對(duì)象繼承至o2.widget.Dialog，源代碼位置：o2server\o2web\source\o2_core\o2\widget\Dialog.js

實(shí)現(xiàn)代碼如下：

var dialog = o2.DL.open({

"style" : "o2",

"title": "彈出框標(biāo)題",

"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)

})

2、主要參數(shù)說明

1)、style：彈出框使用的樣式，默認(rèn)是default，系統(tǒng)內(nèi)置一些樣式，比如：flat,o2,chartd等，對(duì)應(yīng)樣式文件位置路勁：o2server\o2web\source\o2_core\o2\widget\$Dialog，用戶也可以自己增加自定義樣式風(fēng)格，對(duì)應(yīng)文件及結(jié)構(gòu)參考已有樣式風(fēng)格。

2)、title：彈出框頭部標(biāo)題，在isTitle參數(shù)為true時(shí)有效。

3)、width：彈出框?qū)挾取?默認(rèn)值：300

4)、height：彈出框高度。 默認(rèn)值：150

5)、isMax：標(biāo)題欄是否有大化按鈕，相對(duì)應(yīng)有還原按鈕，默認(rèn)值：false

6)、isClose：標(biāo)題欄是否有關(guān)閉按鈕。默認(rèn)值：false

7)、isResize：彈出框大小是否可調(diào)整。默認(rèn)值：true

8)、isMove：彈出框是否可移動(dòng)。默認(rèn)值：true

9)、isTitle：是否顯示標(biāo)題欄。默認(rèn)值：true

10)、offset：彈出框相對(duì)默認(rèn)x軸y軸位置

11)、mark：是否需要遮罩層。默認(rèn)值：true

12)、content：彈出框?qū)拥娜萜鳌?/p>

13)、container：彈出框?qū)觗om對(duì)象需要插入頁面html內(nèi)元素的位置，默認(rèn)插入到body中。

14)、duration：動(dòng)畫顯示彈出框效果時(shí)間。默認(rèn)值：200

15)、buttonList：定義底部按鈕，比如“確認(rèn)”，“關(guān)閉”按鈕等，數(shù)組列表。text：按鈕顯示名稱，action：                按鈕對(duì)應(yīng)的點(diǎn)擊事件

16)、onQueryClose：關(guān)閉彈出框前事件

17)、onPostClose：關(guān)閉彈出框后事件

18)、onQueryLoad：彈出框載入前事件

19)、onPostLoad：彈出框載入后事件

20)、onQueryShow：彈出框顯示前事件

21)、onPostShow：彈出框顯示后事件

3、其他注意事項(xiàng)及說明

1)、調(diào)用彈出框?qū)ο蠛蟾魇录?zhí)行先手順序 onQueryLoad-->onPostLoad-->onQueryShow-->onPostShow

2)、彈出框傳值問題，通過apply方法，在關(guān)閉彈出框后把值通過回調(diào)方法傳到外部調(diào)用的對(duì)象中。

3)、除了以上列出的一些常用參數(shù)及方法外，可以查看widget\Dialog.js源代碼文件中其他內(nèi)置的參數(shù)及方法。

比如setContentSize(),設(shè)置居中，reCenter()重新設(shè)置居中位置等方法。

4)、可以自定義一個(gè)dialog類設(shè)置繼承widget.dialog重寫內(nèi)置方法，滿足特殊的業(yè)務(wù)要求

到此，關(guān)于“怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

標(biāo)題名稱：怎么在O2OA中使用系統(tǒng)o2.DL構(gòu)建彈出框-創(chuàng)新互聯(lián)
新聞來源：http://chinadenli.net/article42/desjec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站排名、虛擬主機(jī)、企業(yè)網(wǎng)站制作、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)