添加删除确认按钮

页面加载过程代码如下:

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

posted on 2004-06-18 15:33  calinz  阅读(1382)  评论(0)    收藏  举报

导航