Ext.Msg.prompt的高級應用

一、簡單例子：

[javascript]  view plain copy

1.   <mce:script language="javascript" type="text/javascript"><!--  
2.         function toSettlement() {  
3.             Ext.Msg.prompt("標題", "消息提示", function (btn, text) {  
4.                 if (btn = "ok") {  
5.                     alert("你輸入的值爲" + text);  
6.                 }  
7.             })  
8.         }  
9.       
10. // --></mce:script>  

 

效果：

點擊肯定後：

 

二、複雜的使用，咱們可爲prompt調定默認值，指定prompt的輸入輸是單行仍是多行，示例：

[c-sharp]  view plain copy

1. <mce:script language="javascript" type="text/javascript"><!--  
2.      function toSettlement() {  
3.          var signAmount = Ext.getCmp("SignAmount").getText();  
4.          var changeTotalCount = Ext.getCmp("ChangeTotalCount").getValue();  
5.          var changeTotalAmount = Ext.getCmp("ChangeTotalAmount").getValue();  
6.   
7.          var msgTemplate = "<div class=/"box order-dashboard/" style="/" mce_style="/""margin-bottom: 5px;/">"  
8.                              + "<div class=/"bd/">"  
9.                              + "<div class=/"trade-status/">"  
10.                              + "<b style="/" mce_style="/""font-size: 12px; color:orange;/">當前項目</b><br />"  
11.                              + "<hr />"  
12.                                  + "<table border=/"0/" cellspacing=/"0/" cellpadding=/"0/" class=/"myTable/">"  
13.                                  + "<tr>"  
14.                                  + "<td style="/" mce_style="/""width: 30%/">"  
15.                                  + "簽定金額：{0}</td>"  
16.                                  + "<td style="/" mce_style="/""width: 30%/">"  
17.                                                     + "項目共變動{1}次"  
18.                                                  + "</td>"  
19.                                                  + "<td>"  
20.                                                   + "變動成本爲{2}:"  
21.                                                  + "</td>"  
22.                                  + "</tr></table>"  
23.                                  + "</div></div></div><br/>"  
24.                                  + "請輸入當前項目的結算金額:";  
25.          Ext.Msg.prompt("結算項目", String.format(msgTemplate, signAmount, changeTotalCount, changeTotalAmount), function (btn, text) {  
26.          //........  
27.          }, this, false, "10000");  
28.      }  
29.    
30. --></mce:script>  

 

此例經過帶HTML標籤的字符串顯示更好的消息提示，並設定默認值爲1000，效果圖：

 

 

說明：

[javascript]  view plain copy

1. Ext.Msg.prompt("結算項目", String.format(msgTemplate, signAmount, changeTotalCount, changeTotalAmount), function (btn, text) {  
2.          //........  
3.          }, this, false, "10000");  

第5個參數設置爲true，則輸入框爲多行，最後參數即爲指定默認值。