<asp:Button>先执行前端js函数,再执行后台的事件处理
2017-08-03 08:32
585 查看
有两种使用方式:
1)<asp:Button>是一个单纯的Button,没有在<asp:Adapter>中,此时,要想实现button先执行js函数,再执行后台事件处理,此时的解决办法就是,直接上代码:
前端代码:
<%--后台触发执行的js函数--%>
<script type="text/javascript">
function JsYuezhifuFunction() {
if (confirm("确定支付吗?")) {
window.location = "Service_My_center.aspx";
return true;
}
return false;
}
</script>
<asp:Button ID="yuezhifu" CssClass="yuezhifu" runat="server" Text="余额支付" OnClick="yuezhifu_Click"/>
后台代码:
if (!IsPostBack)
{
//在进行支付的时候,先要弹出框提示
yuezhifu.Attributes.Add("onclick",
"return JsYuezhifuFunction()");
注意的是,这段代码要写在的是page_onload()方法中。
2)<asp:Button>是存在于<asp:Adapter>中
前端中的代码是不变的,要变得就是后台中原来写在page_onload()方法中的代码,要写在的是<asp:Adaper>的onDataBound()的方法中
protected void daifukuanRepeater_ItemDataBound(object sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType ==
ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
Button quxiaodingdan = (Button)e.Item.FindControl("QuxiaoDingdan");
quxiaodingdan.Attributes.Add("OnClick",
"return jsqudanFunction()");
}
}
1)<asp:Button>是一个单纯的Button,没有在<asp:Adapter>中,此时,要想实现button先执行js函数,再执行后台事件处理,此时的解决办法就是,直接上代码:
前端代码:
<%--后台触发执行的js函数--%>
<script type="text/javascript">
function JsYuezhifuFunction() {
if (confirm("确定支付吗?")) {
window.location = "Service_My_center.aspx";
return true;
}
return false;
}
</script>
<asp:Button ID="yuezhifu" CssClass="yuezhifu" runat="server" Text="余额支付" OnClick="yuezhifu_Click"/>
后台代码:
if (!IsPostBack)
{
//在进行支付的时候,先要弹出框提示
yuezhifu.Attributes.Add("onclick",
"return JsYuezhifuFunction()");
注意的是,这段代码要写在的是page_onload()方法中。
2)<asp:Button>是存在于<asp:Adapter>中
前端中的代码是不变的,要变得就是后台中原来写在page_onload()方法中的代码,要写在的是<asp:Adaper>的onDataBound()的方法中
protected void daifukuanRepeater_ItemDataBound(object sender,
RepeaterItemEventArgs e)
{
if (e.Item.ItemType ==
ListItemType.Item || e.Item.ItemType ==
ListItemType.AlternatingItem)
{
Button quxiaodingdan = (Button)e.Item.FindControl("QuxiaoDingdan");
quxiaodingdan.Attributes.Add("OnClick",
"return jsqudanFunction()");
}
}
相关文章推荐
- asp.net C#动态添加创建生成button按钮控件没有触发执行响应click绑定事件处理
- <asp:TextBox><asp:LinkButton><input button>调用后台方法后刷新页面
- 以<asp:Button>为例说明<asp:Button>如何携带数据传递到后台
- asp.net页面事件执行顺序(转+原创补充) Button1_Click处理返回数据前还有其他处理!!!例如onPreLoad
- 关于ASP.NET 中 Global.asax 文件的后台事件处理程序
- iOS项目开发中,对后台返回数据为<null>时候的处理,避免取值产生程序崩溃问题
- asp.net运行时,动态添加Button(或其它控件),并处理相应的事件
- 在TextBox中敲击回车执行ASP.NET后台事件
- <asp:RadioButton> 选项判断
- asp.net: 点击<asp:button/>按钮时有时不能立即执行问题
- <a> 里面herf执行JS函数的处理办法,网上找的一个比较靠谱的
- asp.net button onclick 按刷新会重复执行onclick事件
- 在多行列表中id同名的<a>标签点击事件处理方法
- <转>js中关于事件处理函数名后面是否带括号的问题
- ASP.NET 多次点击button后事件执行多次 并发解决 频繁操作解决办法
- Asp.net页面事件引发后台程序处理原理
- button 需要加上type="button" 才能绑定ajax事件 只用<button>标签会出
- asp.net如何disableButton,同时触发后台事件
- Asp.net页面事件引发后台程序处理原理
- iOS项目开发中,对后台返回数据为<null>时候的处理,避免取值产生程序崩溃问题