最近在試著用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...