Submit Button needs to be clicked twice to run an event

Question

5.00/5 (2 votes)

See more:

I have to click twice the 'submit' button to effect its corresponding event. This btn control is not within any Update Panel. I debugged using a breakpoint at button4_clck event handler but it is not going to that breakpoint on the first click. However it goes only on the second click.

Hereunder is the code:

CSS

<asp:Button ID="Button4" runat="server"   CausesValidation="false"
  OnClick="Button4_Click"
style="z-index: 1; left: 185px; top: 2840px; position: absolute;  background-color:InactiveBorder;    height:30px; width:80px; font-size:large " ForeColor="Green" Text="Submit" />

C#

protected void Button4_Click(object sender, EventArgs e) // submit button
  {

Posted 12-Nov-14 1:03am

S.Rajendran from Coimbatore

Add a Solution

Comments

Laiju k 12-Nov-14 7:12am

post the code for Button4_Click

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 12-Nov-14 7:59am

Remove the styles once and try.

S.Rajendran from Coimbatore 12-Nov-14 9:24am

its not working.

S.Rajendran from Coimbatore 12-Nov-14 9:45am

If validation is run for 1st time and then while proceeding with rectified 'submit' btn things are OK!

ZurdoDev 12-Nov-14 9:34am

Have you put a breakpoint at the very first line in Button4_Click?
Also put a breakpoint in Page_Load.

S.Rajendran from Coimbatore 12-Nov-14 10:39am

If I put a breakpoint at pageload it goes to button4_event. If I put breakpoint direct at button_event it is not holding! One more thing..I have a Update progress and if I comment it, the button4 works fine with 1st click.. hereunder my Update progress code:
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<asp:Label ID="Label99" runat="server" Width="145px">

<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button4" EventName="Click"/>
</Triggers>

<asp:UpdateProgress ID="UpdateProgress1" DynamicLayout=true AssociatedUpdatePanelID="UpdatePanel1" runat="server" >
<ProgressTemplate>
<table cellspacing="1" runat="server" id="table76" style=" margin-left:720px; margin-top:1360px; position:absolute;">
<tr>
<td>
<asp:Image ID="Image21" runat="server" DescriptionUrl="~/images/updateprogress.gif"
Height="60px" ImageUrl="~/images/updateprogress.gif" Width="20px" BackColor="White"/>
</td>
</tr>
</table>
</ProgressTemplate>

2 solutions

Solution 1

seems like you have cache data. Clean your ASP.Net temp folder content. Clean solution. Try run again. It should work fine.

If not share the code.

Regards,
Maheswaran.s

Posted 12-Nov-14 2:48am

maheswaran_s_v

Comments

S.Rajendran from Coimbatore 12-Nov-14 9:25am

how to clean solution?

[no name] 12-Nov-14 9:38am

Hey,

Go to Build in Menu Bar and use Clear Solution and use Rebuild.

Shrutik.

S.Rajendran from Coimbatore 12-Nov-14 9:48am

There is nothing like clean solution under build

[no name] 12-Nov-14 10:05am

hey,

is it possible for you to share that aspx file?

And in code in <asp:Button> try to use UseSubmitBehavior=true

Shrutik.

S.Rajendran from Coimbatore 12-Nov-14 11:07am

UseSubmitBehavior is not helping..

S.Rajendran from Coimbatore 12-Nov-14 9:34am

If validation is run for 1st time and then while proceeding with rectified 'submit' btn things are OK!

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Shrutik Panchal · Accepted Answer · 2014-11-12T07:29:00

Solution 2

Hey,

I think, I may have found a solution for you.

As I understood, Your Problem Was: "You want to update contents of UpdatePanel as many times you click Button4 (External Button - out of UpdatePanel)".

here is the reference that might help you:Introduction to the UpdatePanel Control:D

I tried your code my self:

I did put a Label in UpdatePanel and on Every Click it is writing DateTime.Now() to Label.

C#

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
            <ContentTemplate>
           
          
           <fieldset>
                <legend>Label Change on Button Click</legend>
                             
                <asp:Label ID="Label1" runat="server"  Text="In Heaven"/>               
                
           </fieldset>
          
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button1" />      
        </Triggers>
    </asp:UpdatePanel>

Steps:
1) Add Script Manager
2) Add Update Panel
(UpdateMode Conditional - bcoz we want to update on manual clicks)
and
3) Label1 is where we post changes on every click...

here in Triggers
we do not need to write EventName (By defaul system calls default Click method)
Here my button is "Button1" and Label in UpdatePanel is "Label1".

And to work with UpdateProgress ....
Please Read the reference about UpdateProgress particularly Programming UpdateProgress Controls in Client Script where and how to use UpdateProgress (bcoz in Update Progress you can only work with HTML elements - if you want to use that declared element in code behind - you have to work with javascripts - example: to abort post back).

I have tried my best to understand your question and
please refer to provided reference it will be more helpful.

Version of .Net Framework 4.0 and Asp.Net 2.

Thanks and Regards,
Shrutik Panchal.

Posted 12-Nov-14 7:29am

Shrutik Panchal

Updated 12-Nov-14 16:27pm

v4

Comments

S.Rajendran from Coimbatore 12-Nov-14 22:46pm

If I comment the UpdateProgress it works on first click. If not commented I have to
click twice.
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<asp:Label ID="Label99" runat="server" Width="145px">

<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button4" />
</Triggers>

<script language="javascript" type="text/javascript">
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
var postBackElement;
function InitializeRequest(sender, args) {

if (prm.get_isInAsyncPostBack())
args.set_cancel(true);
postBackElement = args.get_postBackElement();
if (postBackElement.id == 'Button4')
$get('UpdateProgress1').style.display = 'block';

}
function EndRequest(sender, args) {
if (postBackElement.id == 'Button4')
$get('UpdateProgress1').style.display = 'none';
}
</script>
<asp:UpdateProgress ID="UpdateProgress1" DynamicLayout=true AssociatedUpdatePanelID="UpdatePanel1" runat="server" >
<ProgressTemplate>
<table cellspacing="1" runat="server" id="table76" style=" margin-left:720px; margin-top:1360px; position:absolute;">
<tr>
<td>
<asp:Image ID="Image21" runat="server" DescriptionUrl="~/images/updateprogress.gif"
Height="60px" ImageUrl="~/images/updateprogress.gif" Width="20px" BackColor="White"/>
</td>
</tr>
</table>
</ProgressTemplate>

Laiju k 12-Nov-14 23:00pm

have you debuged the javascript

S.Rajendran from Coimbatore 12-Nov-14 23:43pm

No. If I comment the UpdateProgress it works on 1st click.

Laiju k 13-Nov-14 0:05am

why are giving script in between source.

S.Rajendran from Coimbatore 13-Nov-14 0:54am

Even it is kept under 'head' not working.

[no name] 13-Nov-14 1:05am

hey,

Do you have anything written in Code behind of Button CLick event?

Shrutik.

S.Rajendran from Coimbatore 13-Nov-14 1:14am

Yes I have. As said earlier, the click event is not getting triggered on first click but gets triggered after 2nd click and my purposed is solved. If I remove the 'update progress' it gets triggered on first click itself.

[no name] 13-Nov-14 2:45am

hey,

Please remove language="javascript" from script.

Add script back to header content.

use asp:Table instead of html table tag.
and use proper sequence for UpdatePanel.

I have posted my code below...

javascript code

<script type="text/javascript">
// <![CDATA[
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
var postBackElement;

function InitializeRequest(sender, args)
{
if(prm.get_isInAsyncPostBack())
{
args.set_cancel(false);
postBackElement = args.get_postBackElement();
}

if (postBackElement.Id == 'Button1')
$get('UpdateProgress1').style.display = 'block';
}

function EndRequest(sender,args)
{
if (postBackElement.Id == 'Button1')
$get('UpdateProgress1').style.display = 'none';
}
// ]]>
</script>

UpdatePanel Code

<asp:ScriptManager ID="ScriptManager1" runat="server">

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
<contenttemplate>

<fieldset>
Progress Bar

<asp:Label ID="Label1" runat="server" Text="In Heaven"/>
<asp:UpdateProgress runat="server">
<ProgressTemplate>
<asp:Table ID="table74" runat="server">
<asp:TableRow>
<asp:TableCell>
<asp:Image ID="image12" runat="server" Width="50px" Height="50px" DescriptionUrl="~/images/123.gif" ImageUrl="~/images/123.gif"/>

<asp:TableCell>
<asp:Image ID="image1" runat="server" Width="50px" Height="50px" DescriptionUrl="~/images/123.gif" ImageUrl="~/images/123.gif"/>

</ProgressTemplate>

</fieldset>

<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" />

</Triggers>

This is working perfectly for me ... i have used System.Threading.Thread.Sleep(3000); on Button1 click... add this on first line...

hope this will help you.

Shrutik.

S.Rajendran from Coimbatore 13-Nov-14 4:51am

Thanks. It works. The updateprogress works as well as with first click submission also works. But the updateprogress works for all events within the same page instead of only for that last 'submit' button.

[no name] 13-Nov-14 6:33am

hey,

Congrats that your problem is solved.
I will look for it that why it is working for all the elements in the page instead of only with submit button.

But first in JavaScript....

in

function InitializeRequest(sender, args)

try to make
args.set_cancel(false); to TRUE.... this might help you.

Shrutik. :)

S.Rajendran from Coimbatore 14-Nov-14 0:02am

I tried with args.set_cancel(true); ..is not helping