博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ext.Msg.prompt的高级应用
阅读量:6118 次
发布时间:2019-06-21

本文共 1620 字,大约阅读时间需要 5 分钟。

hot3.png

1、简单例子:

[javascript] 
  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>  

 

效果:

点击确定后:

 

2、复杂的使用,我们可为prompt调定默认值,指定prompt的输入输是单行还是多行,示例:

[c-sharp] 
  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] 
  1. Ext.Msg.prompt("结算项目", String.format(msgTemplate, signAmount, changeTotalCount, changeTotalAmount), function (btn, text) {  
  2.          //........  
  3.          }, this, false, "10000");  

第5个参数设置为true,则输入框为多行,最后参数即为指定默认值。

转载于:https://my.oschina.net/u/875836/blog/94076

你可能感兴趣的文章
类斐波那契数列的奇妙性质
查看>>
配置设置[Django]引入模版之后报错Requested setting TEMPLATE_DEBUG, but settings are not configured....
查看>>
下一步工作分配
查看>>
Response. AppendHeader使用大全及文件下载.net函数使用注意点(转载)
查看>>
Wait Functions
查看>>
代码描述10313 - Pay the Price
查看>>
jQuery最佳实践
查看>>
centos64i386下apache 403没有权限访问。
查看>>
vb sendmessage 详解1
查看>>
jquery用法大全
查看>>
Groonga 3.0.8 发布,全文搜索引擎
查看>>
PC-BSD 9.2 发布,基于 FreeBSD 9.2
查看>>
网卡驱动程序之框架(一)
查看>>
css斜线
查看>>
Windows phone 8 学习笔记(3) 通信
查看>>
重新想象 Windows 8 Store Apps (18) - 绘图: Shape, Path, Stroke, Brush
查看>>
Revit API找到风管穿过的墙(当前文档和链接文档)
查看>>
Scroll Depth – 衡量页面滚动的 Google 分析插件
查看>>
Windows 8.1 应用再出发 - 视图状态的更新
查看>>
自己制作交叉编译工具链
查看>>