梦幻之旅

DEBUG - 天道酬勤

   :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  671 随笔 :: 6 文章 :: 256 评论 :: 0 Trackbacks
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
    
<head>
        
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
<title>onReady</title>
        
<link rel="stylesheet" type="text/css"
            href
="/ext/resources/css/ext-all.css" />
        
<script type="text/javascript" src="/ext/adapter/ext/ext-base.js"></script>
        
<script type="text/javascript" src="/ext/ext-all.js"></script>
        
<script type="text/javascript">
            
function myAlert()
            {
                
//alert(title, msg ,function(){})
                //其中title,msg为必选参数,function为可选参数,在关闭弹出窗口后触发。
                 Ext.MessageBox.alert("title","msg",function(){alert("关闭对话框后弹出!")});
            }
            
function myConfirm()
            {
                
//clickValue是点击后返回的值
                Ext.MessageBox.confirm("title","msg",function(clickValue){alert(clickValue);});
            }
            
function myPrompt()
            {
                
//true为多行,this表示作用域
                Ext.MessageBox.prompt("title","msg",function(e,text){alert(e+"-"+text);},this,true);
            }
            
function myShow()
            {
                Ext.MessageBox.show({
                    title:
"标题",
                    msg:
"内容的消息",
                    buttons:{
"ok":"我不再显示OK了"},
                    fn:
function(e){alert(e);},
                    animEl:
"test1",
                     width:
500,
                    icon:Ext.MessageBox.INFO,
                    closable:
false,
                    progress:
true,
                    wait:
true,
                    progressText:
"进度条"
                       
//prompt:true
                       //multiline:true
                });
            }
            Ext.onReady(myShow);
            
         
</script>
    
</head>
    
<body style="font:10px;color:red;">
        
<div id="test1">Ext.MessageBox.show</div>
        
<div>
        1.animEl:对话框弹出和关闭时的动画效果,比如设置为“id1”,则从id1处弹出并产生动画,收缩则相反
<br/>
        2.buttons:弹出框按钮的设置,主要有以下几种:Ext.Msg.OK,Ext.Msg.OKCANCEL,Ext.Msg.CANCEL,Ext.Msg.YESNO,Ext.Msg.YESNOCANCEL,你也可以自定义按钮上面的字:{"ok","我本来是ok的"}。若设为false,则不显示任何按钮.
<br/>
        3.closable:如果为false,则不显示右上角的小叉叉,默认为true。
<br/>
        4.msg:"消息的内容"
<br/>
        5.title:"标题"
<br/>
        6.fn:关闭弹出框后执行的函数
<br/>
        7.icon:弹出框内容前面的图标,取值为Ext.MessageBox.INFO,Ext.MessageBox.ERROR,Ext.MessageBox.WARNING,Ext.MessageBox.QUESTION
<br/>
        8.width:弹出框的宽度,不带单位
<br/>
        9.prompt:设为true,则弹出框带有输入框
<br/>
        10.multiline:设为true,则弹出框带有多行输入框
<br/>
        11.progress:设为true,显示进度条,(但是是死的)
<br/>
        12.progressText:显示在进度条上的字
<br/>
        13.wait:设为true,动态显示progress
<br/>
        14.waitConfig:配置参数,以控制显示progress
<br/>
        
</div>
    
</body>
</html>
posted on 2008-10-21 23:42 HUIKK 阅读(1383) 评论(0)  编辑  收藏 所属分类: EXT

只有注册用户登录后才能发表评论。


网站导航: