Atlas中有趣且无用的功能:Sys.UI.Window类

  Atlas的客户端代码中有着一个有趣的类,就是Sys.UI.Window。这个类的功能非常简单,只是对于Javascript功能的封装,用于提供各种提示框。

众所周知,在Javascript中我们使用window.alert来显示提示框,window.confirm来显示确认框,window.prompt来显示输入框。但是就这一点点功能,Atlas也为我们作了封装。自然功能不是很大。

看看简单的使用方式,自然会使用HTML来调用:
< atlas:ScriptManager  ID ="ScriptManager1"  runat ="server"   />
        
< input  type ="button"  value ="Show Input Box"  onclick ="showInputBox()"   />
< br  />< br  />
        
< input  type ="button"  
    value
="Show Message Box (OK Only)"  
    onclick
="showMessageBox(Sys.UI.MessageBoxStyle.OK)"   />
< br  />< br  />
        
< input  type ="button"  
    value
="Show Message Box (OK Cancel)"  
    onclick
="showMessageBox(Sys.UI.MessageBoxStyle.OKCancel)"   />
< br  />< br  />
        
< div  id ="display" ></ div >

在Atlas中,window.alert函数被封装成了Sys.UI.Window.inputBox方法,传入提示文字和默认文字作为参数。如下:
function  showInputBox()
{
    
var  promptText  =   " 请输入文字: " ;
    
var  defaultValue  =   " 默认文字 " ;
        
    
var  input  =  Sys.UI.Window.inputBox(promptText, defaultValue);
    
if  (input  ==   null )
    {
        $(
" display " ).innerText  =   " 您没有输入内容 " ;
    }
    
else
    {
        $(
" display " ).innerText  =   " 您输入了: "   +  input;
    }    
}

可以看到,这个方法基本上和window.prompt的使用方法如出一辙。

与此相比,Sys.UI.Window.messageBox就把window.alert和window.confirm函数封装在了一起:
function  showMessageBox(style)
{
    
var  text  =   " 请点击按钮 " ;
    
var  result  =  Sys.UI.Window.messageBox(text, style);
    
    
if  (result  ==  Sys.UI.DialogResult.OK)
    {
        $(
" display " ).innerText  =   " 您点击了“确定” " ;
    }
    
else
    {
        $(
" display " ).innerText  =   " 您点击了“取消” ";
    }
}

Sys.UI.Window.messageBox第一个参数为提示信息,第二个参数是Sys.UI.MessageBoxStyle枚举类型的值:OK或OKCancel。根据style的不同,Sys.UI.Window选择应该调用window.alert还是window.confirm函数。Sys.UI.Window.messageBox函数的返回值Sys.UI.DialogResult枚举的值:OK或Cancel。

似乎Atlas的封装,唯一的作用就是我们的代码看上更像比如C#等语言的的使用方式了。

不过为什么要这么做?


点击这里查看效果。

转载于:https://www.cnblogs.com/JeffreyZhao/archive/2006/10/20/Sys_UI_Window.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值