Atlas中有趣且无用的功能：Sys.UI.Window类
2006-10-20 16:19 by 老赵, 2733 visits
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#等语言的的使用方式了。
不过为什么要这么做？
点击这里查看效果。
这种无用真的不可以变成有用么?@@