天天看點

實用ExtJS教程100例-002:MessageBox的三種用法

在上一節中,我們用到了messagebox,在本文中,我們将介紹一下extjs中常用的三種messagebox。

這個方法用來打開一個普通的對話框,對話框中隻顯示一個确定按鈕。

第一個參數為标題欄

第二個參數為内容

實用ExtJS教程100例-002:MessageBox的三種用法

這個方法将打開一個包含yes/no按鈕的對話框,通常用來提示使用者是否要執行敏感操作(例如删除資料等,需要使用者再次确認,防止誤操作)

這個方法的回調函數包含了btnid參數,參數值可以是yes或no。

實用ExtJS教程100例-002:MessageBox的三種用法

接下來是第三種對話框,這中對話框中包含一個輸入框和ok/cancel按鈕。在回調函數中我們可以處理使用者的輸入,回調函數中包含了btnid和text兩個可用的參數,示例代碼如下:

在使用者輸入了文字并點選确定按鈕以後,我們将會彈出對話框。

實用ExtJS教程100例-002:MessageBox的三種用法

另外,這個方法還允許建立一個多行的輸入框,代碼如下:

第三個參數window是預設的作用域

第四個參數是否為多行輸入框,傳入true就表示可以輸入多行文字

實用ExtJS教程100例-002:MessageBox的三種用法

最後一個功能是,如果我們需要在打開的時候顯示一段預設文字,我們可以傳入第五個參數,代碼如下:

實用ExtJS教程100例-002:MessageBox的三種用法

ok,常用的三種對話框已經完成了。

如果認為此文對您有幫助,别忘了支援一下哦!

聲明:本部落格原創文字隻代表本人工作中在某一時間内總結的觀點或結論,與本人所在機關沒有直接利益關系。非商業,未授權,貼子請以現狀保留,轉載時必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接。

轉載:http://www.cnblogs.com/youring2/p/extjs-100-examples-002-messagebox.html

繼續閱讀