为ASP.NET控件添加常用的JavaScript操作
2008-07-15 12:36
225 查看
1.为button控件添加确认功能
要想为服务器控件添加客户端的事件,需要用到Attributes属性。Attributes属性是所有的服务器控件都有的一个属性,它用来为最终生成的HTML添加自定义的一些标记。假设Web Form上有一个保存按钮btnSave,希望在用户点此按钮时提示用户是否确实要保存(比如一旦保存就无法恢复等),则应在Page_Load事件中添加如下代码:
1btnSave.Attributes.Add(“onclick”,“Javascript:return confirm(‘Are you sure tosave?’);”)
要注意的是‘return’,这是不可省的,否则即使用户点了取消,数据仍然会保存。
2.为Datagrid中的每一行添加Javascript事件
Datagrid中的子控件是没办法直接访问的,要实现上面的那种效果,我们需要用到Datagrid的OnItemDataBound事件。OnItemDataBound事件发生在Datagrid的每一行数据绑定到Datagrid之后(即一行激发一次)。首先在Datagrid的声明中添加OnItemDataBound属性,如下:
此处说明OnItemDataBound事件发生时调用ItemDataBound方法,在代码后置文件中添加此方法的定义:
private void OnItemDataBound(object sender,System.Web.UI.WebControls.DataGridItemEventArgs e)
string strCMD = Page.GetPostBackClientHyperlink( btnSave, "" );
2string script = @"Javascript:ConfirmUpdate(""EVAL_MESSAGE"");";
3script = script.Replace( "EVAL_MESSAGE" , strCMD );
4ddlTest.Attributes.Add("onchange",script);
这段代码执行后生成的select控件将是这样:
1select name="ddlTest" id="ddlTest" onchange="Javascript:ConfirmUpdate("javascript:__doPostBack('btnSave','')");" 〉
ConfirmUpdate函数如下
1<SCRIPT language=javascript>
2 function ConfirmUpdate(cmd){
3 if(confirm("Are you sure to update?"))
4 {
5 eval(cmd);
6 }
7 else
8 {
9 window.location.href="default.aspx"
10 }
11 }
12</SCRIPT>这里利用了Javascript eval函数来调用一个字符串中包含的命令。需注意的是包含命令的字符串不能用单引号括起来,因为自动生成的脚本中包括单引号,所以这里用两个双引号表示字符串本身的双引号。
要想为服务器控件添加客户端的事件,需要用到Attributes属性。Attributes属性是所有的服务器控件都有的一个属性,它用来为最终生成的HTML添加自定义的一些标记。假设Web Form上有一个保存按钮btnSave,希望在用户点此按钮时提示用户是否确实要保存(比如一旦保存就无法恢复等),则应在Page_Load事件中添加如下代码:
1btnSave.Attributes.Add(“onclick”,“Javascript:return confirm(‘Are you sure tosave?’);”)
要注意的是‘return’,这是不可省的,否则即使用户点了取消,数据仍然会保存。
2.为Datagrid中的每一行添加Javascript事件
Datagrid中的子控件是没办法直接访问的,要实现上面的那种效果,我们需要用到Datagrid的OnItemDataBound事件。OnItemDataBound事件发生在Datagrid的每一行数据绑定到Datagrid之后(即一行激发一次)。首先在Datagrid的声明中添加OnItemDataBound属性,如下:
此处说明OnItemDataBound事件发生时调用ItemDataBound方法,在代码后置文件中添加此方法的定义:
private void OnItemDataBound(object sender,System.Web.UI.WebControls.DataGridItemEventArgs e)
string strCMD = Page.GetPostBackClientHyperlink( btnSave, "" );
2string script = @"Javascript:ConfirmUpdate(""EVAL_MESSAGE"");";
3script = script.Replace( "EVAL_MESSAGE" , strCMD );
4ddlTest.Attributes.Add("onchange",script);
这段代码执行后生成的select控件将是这样:
1select name="ddlTest" id="ddlTest" onchange="Javascript:ConfirmUpdate("javascript:__doPostBack('btnSave','')");" 〉
ConfirmUpdate函数如下
1<SCRIPT language=javascript>
2 function ConfirmUpdate(cmd){
3 if(confirm("Are you sure to update?"))
4 {
5 eval(cmd);
6 }
7 else
8 {
9 window.location.href="default.aspx"
10 }
11 }
12</SCRIPT>这里利用了Javascript eval函数来调用一个字符串中包含的命令。需注意的是包含命令的字符串不能用单引号括起来,因为自动生成的脚本中包括单引号,所以这里用两个双引号表示字符串本身的双引号。
相关文章推荐
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- ASP.NET常用的控件怎么添加
- 为ASP.NET控件添加常用的JavaScript操作收藏
- 关于ASP.NET页面动态添加控件的总结
- asp.net(c#)页面加载时添加控件的属性和回车问题
- Scott Mitchell 的ASP.NET 2.0数据教程之三十九:: 在编辑和插入界面里添加验证控件
- asp.net 常用控件命名规则
- 常用控件产品官方文档/手册/API列表 c#控件文档API列表 asp.net控件产品技术文档中文版
- 在ASP.NET页面中动态添加控件
- asp.net扩展Login控件,添加图文验证码
- ASP.NET(三) Web开发——常用服务器控件
- Asp.net 2.0 TreeView控件使用jQuery无刷新添加节点详细说明
- ASP.NET控件开发学习笔记--第4回 为控件添加属性