博客

转自：

http://blog.csdn.net/llxchen/article/details/6575555

1、简单例子：

[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. }
10. // –></mce:script>

效果：

点击确定后：

2、复杂的使用，我们可为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();
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. }
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，则输入框为多行，最后参数即为指定默认值。