1. 程式人生 > >Extjs的幾種簡單的提示框

Extjs的幾種簡單的提示框

col 輸入框 highlight 用戶名 9.png src mage 取消 cti

Extjs的幾種簡單的提示框轉自https://blog.csdn.net/qq_28364999/article/details/53483884

一、Ext.MessageBox.alert()和Ext.MessageBox.show():

1.成功的提示:

Ext.Msg.alert("成功","數據保存成功!"); 

技術分享圖片

Ext.Msg.show({  
    title:‘成功‘,  
    msg: ‘數據保存成功‘,  
    buttons: Ext.Msg.OK,  
    icon: Ext.Msg.INFO     //註意此處為INFO (!)  //註意此處為ERROR 
(X)

技術分享圖片

二、Ext.MessageBox.confirm():

確認提示框

Ext.MessageBox.confirm("提示", "是否要跳轉頁面?", function (btnId) {  
    if (btnId == "yes") {  
        alert("點擊了yes按鈕");  
    }  
    else if (btnId == "no") {  
        alert("點擊了no按鈕");  
    }  
    else {  
        alert("沒有點擊按鈕,關閉了提示框");  
    }  
});  

技術分享圖片

三、Ext.MessageBox.prompt():

(回調函數中包含了btnId和text兩個可用的參數。)

Ext.MessageBox.prompt("提示", "請輸入用戶名", function (btnId, text) {  
    if (btnId == "ok") {  
        alert(text);  
    }  
    else {  
        alert("點擊了取消按鈕");  
    }  
},window, true);  //創建一個多行的輸入框 window,true,"默認文字"  第三個參數window是默認的作用域。 第四個參數是否為多行輸入框,傳入true就表示可以輸入多行文字. 第五個參數是默認顯示的值

技術分享圖片

添加參數Window.true

技術分享圖片

添加默認值

技術分享圖片

Extjs的幾種簡單的提示框