Asp.net中后台*.cs与前台JS脚本之间相互调用的几点心得
< type="text/javascript"> < type="text/javascript">
一、 经 常需要在asp.net中“后台代码*.cs文件中调用javascript脚本中已经定义好的脚本函数”。
基本包括一下几种办法:
1. 用Response.Write() 方法写入脚本:
这个方法有个缺陷就是不能调用脚本文件中的自定义的函数,只能调用内部函数,具体调用自定义的函数只能在Response.Write写上函数定义,比如:Response.Write ("<script type='text/javascript'>function myfun(){...}</script>" );
2. 用ClientScript 类动态添加脚本:
例子:StringBuilder sb = new StringBuilder();
sb.Append("<script language='javascript'>");
sb.Append("Button2_onclick('" + serverPath + "')");
sb.Append("</script>");
ClientScript.RegisterStartupScript(this.GetType(), "LoadPicScript", sb.ToString());
3. 普通的添加控件的Attributes 属性:
4.定义Literal控件
用法如下:
Literal lit=new Literal();
lit.text="<script>alert();</script>";
this.page.Controls.Add(lit);
5.OnClientClick
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="client_click()" OnClick="Button1_Click" />
client_click() 就是javascript的一个方法。
1. 这里以Table中的行删除为例,如果table中的标签内容是从后台取出后在render到前台的话,行中的删除按钮可以写成JS触发方式:
<a href ='javascript:onRowdataDelete(id, groupname, groupid);' >删除</a>
<a href ='javascript:onRowdataDelete(id, groupname, groupid);' >删除</a>
2. 所调用的前台js函数为:
function onRowdataDelete(rowid, gname, gid) {
if (confirm("-----------------------------------------\r\n 用户组ID:\"" + gid + "\"\r\n 用户组名称:\"" + gname + "\"\r\n-----------------------------------------\r\n------- 确认要将以上用户组删除吗? -------" )) {
document.getElementByIdx_x("delid" ).value = rowid;
document.getElementByIdx_x("delgid" ).value = gid;
document.getElementByIdx_x("del_btn" ).click ();
}
else {
}
}
function onRowdataDelete(rowid, gname, gid) {
if (confirm("-----------------------------------------\r\n 用户组ID:\"" + gid + "\"\r\n 用户组名称:\"" + gname + "\"\r\n-----------------------------------------\r\n------- 确认要将以上用户组删除吗? -------" )) {
document.getElementByIdx_x("delid" ).value = rowid;
document.getElementByIdx_x("delgid" ).value = gid;
document.getElementByIdx_x("del_btn" ).click ();
}
else {
}
}
3. 前台*.aspx 中增加如下隐藏定义:
< asp:HiddenField ID ="delid" runat ="server" />
< asp:HiddenField ID ="delgid" runat ="server" />
< asp:Button ID ="del_btn" style ="display : none ;" runat ="server" OnClick ="delbtn_click" />
< asp:HiddenField ID ="delid" runat ="server" />
< asp:HiddenField ID ="delgid" runat ="server" />
< asp:Button ID ="del_btn" style ="display : none ;" runat ="server" OnClick ="delbtn_click" />
4. 后台*.cs 中相应的onclick 事件:
protected void delbtn_click(object sender, EventArgs e){
//可以直接获取删除行的相关参数:delid.Value, delgid.Value
//在此执行你的业务逻辑,比如这里是删除的方法函数
}
protected void delbtn_click(object sender, EventArgs e){
//可以直接获取删除行的相关参数:delid.Value, delgid.Value
//在此执行你的业务逻辑,比如这里是删除的方法函数
}
5. 简要注解:
PS:看到好的东西就得学习,也许记载在CSDN上比记在大脑中效果会好很多!
2012年6月8日 11:00:56 周五