YUI中的模組化使用對話方塊

2021-08-30 19:15:10 字數 1107 閱讀 1307

最近在試著用yui 2.8.1,想到乙個將對話方塊模組化的方法,拿出來分享一下。

目的是這樣的,假設在我們的應用程式中,有多個頁面要使用乙個一樣的對話方塊,那麼

每個頁面引入一樣的html和js是很不好的實現方式,這時我們可以將對話方塊的html儲存

為乙個單獨的文字檔案,在頁面中動態地載入這段html到適當的位置,然後再展現。進一

步可以將這段js**抽出來做乙個通用的函式,這樣要使用該對話方塊的頁面只要呼叫這個

函式就可以了。

一下是我具體實現的**,其中顯示對話方塊的js已經做成乙個單獨的函式了,但是暫時是

放在頁面裡的。

對話方塊的html**如下,檔名是userinfo.dlg:

title

頁面中有個新增使用者的按鈕,按下時呼叫showadduserdlg():

新增使用者

showadduserdlg定義如下,就是載入相應的yui的庫然後呼叫loaduserinfodlg():

function showadduserdlg() 

}).insert();

}

loaduserinfodlg定義如下:

function loaduserinfodlg() ;

var handlesubmit = function() ;

var btns = [,];

var cfg =

var dlg = new yahoo.widget.dialog('dlguserinfo', cfg);

dlg.setheader("增加使用者");

dlg.render();

dlg.show();

},failure: function(o) });

}

其實可以將標題、按鈕,大小等配置資訊傳入,這樣每個頁面可以顯示稍微不同的對話方塊。

更進一步,利用這種機制,可以用乙個對話方塊做到資料新增、修改、顯示等三個常用功能,下

一步實現了這種方式我再把**貼出來。

歡迎指正。

對話方塊的使用

1 對話方塊的特性 對話總是依賴父視窗 jframe 當父視窗關閉,對話方塊也被關閉,父視窗最小化,對話方塊隨之最小化。對話方塊分模態和非模態兩類。2 使用joptionpane建立對話方塊 通過該類的show dialog方法,如果是在jinternalframe中使用,用相應的showinter...

ABP中的對話方塊使用

發現了乙個很好玩的.net框架,abp,國內也有一些比較活躍的論壇和社群了。今天在使用abp做乙個簡單的demo時,碰到了彈出框,確認框的使用問題,也曾糾結了好久,最後發現abp框架本身已經提供了,而且還很好用。使用之前,是需要新增對abp.sweet alert.js的引用,否則就無法正常使用。a...

程式中的對話方塊應用(4) 」顏色「對話方塊

tcolordialog元件用於顯示選擇顏色的對話方塊,當使用者選擇乙個顏色並單擊 ok 按鈕後,所選顏色會被儲存到 color 屬性中。1 將 顏色 對話方塊中所選的顏色值應用到元件中示例 colordialog1.execute memo1.text colortostring colordia...