ExtJS 对话框<三>

来源:互联网 发布:淘宝网鱼缸刷 编辑:程序博客网 时间:2024/04/30 02:34
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 <HEAD>
  <TITLE>ExtJS 对话框</TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../../ext-all.js"></script>
 
  <script type="text/javascript">    
 Ext.onReady(function(){
    Ext.get("btn").on("click",function(){ 

        /*
           Ext.MessageBox.confirm('请确认','是否要删除指定的内容?',function(button,text){
         // alert(button);
      if(button=='yes') {
         // 执行删除操作
      Ext.MessageBox.alert('操作消息','删除成功!');
      }
     });
     */

           Ext.MessageBox.prompt('输入提示框','请输入您的新年愿望:',function(button,text){
         if(button=='ok') {
         // alert('您的新年愿望是:'+text);
      Ext.MessageBox.alert('操作消息','您的新年愿望是:'+text);
      }
      else // alert('您放弃了录入!');
         Ext.MessageBox.alert('操作消息','您放弃了录入!');
     });
       });
 }); 
  </script>
 </HEAD>

 <BODY>
    <div align="center">
      <input type="button" id="btn" value='对话框' />
    </div>
 </BODY>
</HTML>