Atlas的客户端代码中有着一个有趣的类，就是Sys.UI.Window。这个类的功能非常简单，只是对于Javascript功能的封装，用于提供各种提示框。
众所周知，在Javascript中我们使用window.alert来显示提示框，window.confirm来显示确认框，window.prompt来显示输入框。但是就这一点点功能，Atlas也为我们作了封装。自然功能不是很大。
看看简单的使用方式，自然会使用HTML来调用：
在Atlas中，window.alert函数被封装成了Sys.UI.Window.inputBox方法，传入提示文字和默认文字作为参数。如下：
可以看到，这个方法基本上和window.prompt的使用方法如出一辙。
与此相比，Sys.UI.Window.messageBox就把window.alert和window.confirm函数封装在了一起：
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#等语言的的使用方式了。
众所周知，在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 >
< 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;
}
}
{
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 = " 您点击了“取消” ";
}
}
{
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#等语言的的使用方式了。
不过为什么要这么做？
本文转自 jeffz 51CTO博客，原文链接：http://blog.51cto.com/jeffz/60787，如需转载请自行联系原作者
