添加删除确认按钮
页面加载过程代码如下:
stringempID = "Jonathan Lurie";
//用StringBuilder来追加字符串
System.Text.StringBuildersb = new System.Text.StringBuilder();
sb.Append ("<script language=JavaScript> ");
sb.Append ("function ConfirmDeletion() {");
sb.Append ("return confirm('Are you sure you wish to delete employee: " + empID + "');}");
sb.Append ("</script>");
stringjs = sb.ToString();
if (!IsClientScriptBlockRegistered("ConfirmDeletion"))
{
RegisterClientScriptBlock("ConfirmDeletion", js);
}
如果你查看结果页面的HTML(在IE中点击“查看|源代码”菜单项),你会看到如下代码:
<script language=JavaScript> function ConfirmDeletion() {return confirm('Are you sure you wish to delete employee: Jonathan Lurie');}</script>
如我们以前所说的那样,上面代码可以直接嵌入到ASPX页面中去。
把JavaScript代码与按钮控件相关联
现在我们已经完成了JavaScript,我们需要找到把JavaScript代码与按钮点击事件相关联的途径。注意Web Sever控件与HTML控件不同,Web Server控件是在服务器上运行的,输出结果是一个HTML控件。在普通HTML,下面就足够了:
<INPUT TYPE=BUTTON OnClick="ConfirmDeletion();' VALUE="Delete Employee">
而Web控件稍有不同。由于Web控件已经转化成了HTML,我们用属性来创建客户端的点击事件和JavaScript函数之间的关联。这段代码一般也放在页面的载入事件中:
this.deleteButton.Attributes.Add("onClick", "return ConfirmDeletion();");
最终结果
当用户点击删除按钮时,将会弹出一个消息框要求用户确认。如果用户点击取消按钮,则不会发生任何事情;否则,将会产生一个回调,服务器将执行点击事件。
来源: http://www.zdnet.com.cn
浙公网安备 33010602011771号