关于jConfirm回传的解决方案

在jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻译)发布后，受到大家的很多鼓励，在这里先感谢大家。

在昨天lastwinter留言关于jConfirm的问题，如下

我趁今天有空就考虑了下。我觉得lastwinter问这个问题应该是关于ASP.NET的回传问题，这主要是jConfirm这个为CallBack回调，

他是异步的，并非同步。所以我尝试了下阻止事件的冒泡，并当选择为true是自动回传。用LinkButton测试(Button不同于这个解决的方案在后面解释)

现贴出LinkButton的CODE DEMO：

关于jConfirm回传DEMO
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Script/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="Script/jquery.alerts-1.1/jquery.alerts.js" type="text/javascript"></script>
<link href="Script/jquery.alerts-1.1/jquery.alerts.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:LinkButton ID="LinkButton1" runat="server" >LinkButton</asp:LinkButton>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<div>
</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
$("#<%=LinkButton1.ClientID %>").click(function(event) {
jConfirm("test", "test jconfirm", function(r) {
if (r) {
<%= Page.ClientScript.GetPostBackClientHyperlink(LinkButton1,"") %>
}
});
event.stopPropagation();
event.preventDefault();
});
});
</script>
</body>
</html>

LinkButton1 Button Click CODE
protected void Button1_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}

要为先阻止事件的冒泡event.stopPropagation();event.preventDefault(); 在jConfirm的callback回调函数中判断是否需要回传，

<%= Page.ClientScript.GetPostBackClientHyperlink(LinkButton1,"") %>;；

点击LinkButton1是效果为：

点击Cancel时候就不会回传，当ok时候就会发生回传更新时间：

对于我们的LinkButton的实现是在输出的客户端Html代码有脚本自动回传，而Button这是HTML元素submit，提交，

所以在这两个的区别下，LinkButton就多了几处javascript 代码：

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
和 input Hidden
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />

上面所说的意思就是如果要用Button实现同样的示例，我们必须保证我的输出客户端的代码有这些回传脚本注册，还有就是回传为

<%=Page.ClientScript.GetPostBackEventReference(Button1,"") %>。所以我觉得用LinkButton更适合。

转载于:https://blog.51cto.com/whitewolfblog/834341

关于jConfirm回传的解决方案相关推荐

jQuery系列之目录汇总
一:jQuery基础系列: jQuery温习篇---强大的JQuery选择器 jQuery之工具函数 jQuery之筛选函数 jQuery1.4.2新特性(翻译) jQuery Ajax 回顾 jQu ...
国外赛事直播加速案例
赛事保障网络加速案例分享项目背景 2018年平昌冬季奥运会(The 2018 Winter Olympics in Pyeongchang )第23届冬季奥林匹克运动会,简称"平昌冬奥会& ...
5G全产业链最新解读
来源:中创产业研究院摘要:自5G概念的提出,各国相关技术的研发以及产业布局也在如火如荼进行之中.与此同时我国5G在标准研发上正逐渐成为全球领跑者,有望在2019年实现5G技术的试商用,在2020年实 ...
5G中传和回传的承载解决方案
[摘要]为了探讨5G中传和回传网络承载解决方案,在分析5G移动网络新频谱.新架构和新业务模式承载需求的基础上,针对5G中传和回传网络,提出DC+IPRAN云网一体的综合承载解决方案,从多级DC网络架构 ...
EasyDSS流媒体视频实时回传与录像管理解决方案
一.背景 1.1 方案背景随着互联网基础设施建设的不断完善和发展,带宽的不断提速,尤其是光纤入户,4G/5G/NB-IoT各种技术的大规模商用,视频在各行各业越来越受到重视,无论是传统的视频媒体转向 ...
EasyDSS流媒体实时视频回传与录像管理解决方案
一.背景 1.1 方案背景在视频应用中,实时视频回传.应急指挥调度是非常重要的应用功能,随着互联网基础设施建设的不断完善和发展,带宽的不断提速,尤其是光纤入户,4G/5G/NB-IoT各种技术的大规 ...
无人机电网线路巡检有哪些优势？分享高效的图像实时回传解决方案
随着科技的高速发展,相关数据和图像资料表明,在观察输电线路设备运行情况时,无人机技术可以起到相当关键的作用,大大减轻了电力员工的作业负担.通过无人机电力巡检,可以清楚判断重要部件是否受到损坏,保证输电 ...
socket 获取回传信息_基于netty框架的socket长连接负载均衡解决方案 oswl
前言物联网如今是一个大的趋势,但是概念还比较新颖.大家对这一块的技术积累也比较匮乏,借此前段时间摩拜单车出现了大规模瘫痪的现象.我们今天来讨论一下物联网项目的开发方式. 关于tcp/ip 相关的知识 ...
GridView隐藏列取值解决方案
[摘要] 在Asp.net 2.0中增加了一个新的数据绑定控件:GridView,其目的用来取代Asp.net1.x中的DataGrid控件,但有一点很不爽的是,如果把某列设置为visible=fal ...

关于jConfirm回传的解决方案

关于jConfirm回传的解决方案相关推荐

最新文章

热门文章