解决Button设置disabled后无法执行后台代码问题

一、开始调式下面的程序,发现Button在js中设置disabled后无法执行后台代码(btnsave_Click)问题

<asp:Button ID="btnsave" runat="server" Text="确 定"  OnClick="btnsave_Click" OnClientClick="this.disabled = true;alert(‘提示‘);" />

二、有的朋友会认为在js代码后面加上 return true就可以了,但这样也是不可行的。

<asp:Button ID="btnsave" runat="server" Text="确 定"  OnClick="btnsave_Click" OnClientClick="this.disabled = true;alert(‘提示‘);return true;" />

  OnClientClick是执行客户端代码,客户端被禁用了,OnClick是在Submit之后在Server端执行的,而没有提交,你叫OnClick怎么执行?

三、解决问题:

  发现以前用到过
ASP.NET中的UseSubmitBehavior属性,在btn中加上UseSubmitBehavior="false",然后就会提交到服务器执行后台代码了。

<asp:Button ID="btnsave" runat="server" Text="确 定"  OnClick="btnsave_Click" OnClientClick="this.disabled = true;alert(‘提示‘);" UseSubmitBehavior="false" />

四、原因

  当一个Button的UseSubmitBehavior="false" 时,你可以看一下生成的页面源代码中的onclick后面已经加上了
__doPostBack(‘btnsave‘,‘‘)。

  如果不加UseSubmitBehavior="false",把btn(input)设置为 type="sumbit"
应该也是可以的。

  


 <script type="text/javascript" language="javascript">
function fcMode(obj)
{
obj.disabled = true;
alert(‘提示‘);
}
</script>
<asp:Button ID="btnsave" runat="server" Text="确 定" OnClick="btnsave_Click" OnClientClick="fcMode(this)" />
<!--下面是页面显示源码-->
<input name="btnsave" class="btn blue" id="btnsave" onclick="javascript:fcMode(this);__doPostBack(‘btnsave‘,‘‘)" type="button" value="确 定"/>

五、详解UseSubmitBehavior="false"

在WEB页面上,通常SUBMIT类型的按钮会被默认指派为所在FORM表单的提交按钮

在做ASP.net
WEB应用的时候,常常遇到会在同一个页面里添加多个按钮,而每个按钮肯定都会触发页面回送事件。

在ASP.NET中,只能指定一个带有runat="server"的FORM表单,因此,这个表单会指派哪个按钮为默认提交按钮呢?

不做任何处理的情况下是很难控制的,例如在同一个页面里做了N个搜索框,设计上理想的思路是在某一输入框输入关键字后,用户按ENTER键,执行当前输入的输入框对应的提交按钮,但是,实际上往往事与愿违。无论怎么提交,总是会只执行某一个按钮事件。

如果指定Form的默认按钮,可以指定Form的DefaultButton属性值为一个按钮的ID。但这样下来,回车时就永远执行这个按钮,其它按钮无法被回车触发。

网上很多方法都是使用JAVASCRIPT来进行判断,在输入框中加入KEYPRESS之类的事件,然后检查eventCode,如果是回车键,那么就指定执行某一个按钮。

这个方法不是不行,但是,并不好维护,而且在处理复杂的逻辑时,往往不好控制。

其实,ASP.NET给出了很好的解决方案,只是通常不被人注意。

首先,屏蔽浏览器提交模式,也就是说,FORM不再默认指定一个ENTER提交的按钮

方法是将控件button的UseSubmitBehavior设置为false(LinkButton和ImageButton没有这个属性,不必设置),这样这个按钮就不会接受回车提交,这样就不会出现用户焦点在页面某处聚焦时按回车提交的情况。

为什么会这样呢?查看页面源文件我们会发现本来ASP.NET的BUTTON服务器控件在发送到客户端后type="submit",但这时UseSubmitBehavior设置为false后,type="button"
,而且多了一个onclick事件,内容是"javascript:__doPostBack(‘Button1‘,‘‘)"
id="Button1",这样,就说明,这个按钮不再是FORM的提交按钮了,而只是一个普通按钮,要提交页面必须执行click事件,所以怎么点回车,也不会执行这个按钮的提交事件。

刚才只是第一步,阻止了默认的提交。但是,我们要的效果是回车可以提交啊。只是设置这一个属性当然无法达到我们想要的效果。

接下来,我们要了解Panel控件。

其实Panel控件是非常有用的,他是一个容器,在ASP.NET的Panel控件中有一个属性
DefaultButton, 这个属性在ASP.NET的Form控件中也有(前有叙述)。

Panel是一个特殊的控件 MSDN上的说明是:使用Panel 控件来组织 Form、另一
Panel 或模板中的内容和控件。

也就是说Panel是ASP.NET对Form的一个补充,可以给表单分区域的控件,这也是为什么ASP.NET
AJAX容器使用该控件的原因。

我们都知道,ASPX只能有一个runat=“server”的FORM表单,那么要进行细致,具体的FORM操作怎么办,那么就得靠Panel控件

这里,我们就会用到Panel的这个功能

将一组输入框和按钮放在一个Panel中,指定该Panel的DefaultButton属性为按钮ID,这样,当用户焦点处于这个Panel内的某一控件时,点击回车就会执行这个Panel的DefaultButton所指定的按钮。

Panel是Form的补充控制,可以通过使用Panel对表单进行更多的操作,这样,ASP.NET只能拥有一个Form所引起的一些困难都可以迎刃而解。

解决Button设置disabled后无法执行后台代码问题,布布扣,bubuko.com

时间: 2024-10-13 08:38:57

解决Button设置disabled后无法执行后台代码问题的相关文章

JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法(转)

原文:JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法 jquery-easyui是一个基于jquery的图形界面插件,利用easyui可以创建很多好看的网页界面效果,easyui的相关地址是:http://jquery-easyui.wikidot.com/: easyui的中文文档地址是:http://www.easyui.net/,本人也利用easeyUI在做一些页面效果.由于我很喜欢那种弹出的对话框界面,因此在界面中应用了Dialog类来处理一些确认

main函数执行前、后再执行的代码

一.main结束 不代表整个进程结束  (1)全局对象的构造函数会在main 函数之前执行,          全局对象的析构函数会在main函数之后执行:          用atexit注册的函数也会在main之后执行.  (2)一些全局变量.全局对象和静态变量.对象的空间分配和赋初值就是在执行main函数之前,而main函数执行完后,还要去执行一些诸如释放空间.释放资源使用权等操作  (3)进程启动后,要执行一些初始化代码(如设置环境变量等),然后跳转到main执行.全局对象的构造也在ma

js方法内Ajax请求数据判断,验证无效(OnClientClick=&quot;return Method();&quot;),还是直接执行后台代码

function CheckAdd() { var flag = true; $.ajax({ cache: false, async: false, url: "/ajaxpage/getajax.aspx?t=adjserviceclientlist&Cellphone=" + Cellphone + "&a=" + Math.random(), dataType: 'json', success: function (data) { if (d

asp.net 按钮执行前后台方法——前台弹出提示信息,确认后继续执行后台方法,取消则不执行后台方法

我们做一个测试的web页面,只需要一个button+一个label就ok啦,通过button按钮的后台事件修改label的text属性值来测试是否执行了后台事件里的代码 前台 写一个js方法: <script type="text/javascript"> function myTest01() { if (confirm("确定继续吗?")) { return true; } return false; } </script> 按钮事件:

Button与Submit调用前台与后台代码的方法

<div id="container_buttom" style=" text-align:center; margin:5px 0;" > <input type="submit" id="buttonOK" runat="server" onclick="return Validate()"  onserverclick="buttonOK_Click&q

asp.net调用前台js调用后台代码分享

C#前台js调用后台代码 前台js <script type="text/javascript" language="javascript"> function Ceshi() { var a = "<%=Getstr()%>"; alert(a); } </script> <input type="button" onclick="Ceshi();" value=

asp.Net2.0中TextBox设置只读后后台获取不到值的解决方法

http://www.cnblogs.com/yxyht/archive/2013/03/02/2939883.html ASP.NET中TextBox控件设置ReadOnly="true"H或Enabled=false后台取不到值 当TextBox设置了ReadOnly="true" 后,要是在前台为控件添加了值,后台是取不到的,值为“空”  . 方法一:不设置ReadOnly属性,通过onfocus=this.blur()来模拟,如下: <asp:Text

iis设置Gzip后,无后缀的url无法压缩解决 MVC iis GZIP

<IIsCompressionScheme    Location ="/LM/W3SVC/Filters/Compression/gzip"        HcCompressionDll="%windir%\system32\inetsrv\gzip.dll"        HcCreateFlags="1"        HcDoDynamicCompression="TRUE"        HcDoOnDema

asp.net服务器控件button先执行js再执行后台的方法

关于button这个服务器控件,我一直想减少它向服务器提交数据.那些检测,还是在客户端实现就好了.这就需要javascript,但是我发现仅仅有javascript还是不够的.button服务器控件的单击事件叫“onClick”,所以javascript就无法使用这个事件.因为重名了.我想实现的是单击button的时候,先执行客户端的javascript代码,然后再执行后台事件. 如果使用的是html控件,就不存在这种问题了.但是,我就是想实现服务器控件的这一功能,有时候服务器控件也是很好用的.