Inside Update Panel Button OnClick is not firing after textbox inside panel gives Validation error

Question

0.00/5 (No votes)

See more:

Hi,

I am facing a problem with OnClick event of my button. Scenario is that I have an Update panel and few controls inside it. When i left a textbox empty in the update panel then the Onclick event of button next to it doesn't fire. Also its not mandatory to fill textbox before button.
There is a service call on Onclick event. Also there is Next button at the bottom of the page.

Below is the code snippet:

XML

<asp:UpdatePanel ID="updatePnlPropertyType" runat="server">
                    <ContentTemplate>

 <div id="rebuild" class="elements">

                    <label class="formLabel">
                        Rebuild Cost (£):<span class="required">*</span></label>
                    <asp:TextBox runat="server" name="ddrebuild" ID="ddrebuild" CssClass="inputRebuildCost"
                        onBlur="changeClass('rebuild', 0);" onFocus="changeClass('rebuild', 1);"
                        onChange="changeClass('rebuild', 0);"></asp:TextBox>

  <VAM:RangeValidator ID="vrebuildrange" runat="server" ControlIDToEvaluate="ddrebuild"
                       //Validation code here
                </VAM:RangeValidator>

 </div>

<div id="calc_rebuild_cost" runat="server">
                    <vam:ImageButton ID="btnRebuildCalc" runat="server"  Group="calc_rebuild_cost"   CssClass="LeftPaddedButton" AlternateText="Calculate Rebuild Cost" ImageUrl="~/img/Images/calc_rebuild_cost.png"  OnClick="btnRebuildCalc_Click"/>
                </div>

</ContentTemplate>
        </asp:UpdatePanel>

Please give me a sol ASAP.

Thanks

Hi all,

I have changed my desgin code to following but still button Onclick is not firing after validation message:

XML

<asp:UpdatePanel ID="updatePnlPropertyType" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>

 <div id="rebuild" class="elements">
                    <a href="javascript:helpTips('rebuild', 1);" class="help" title="help">help</a>
                    <label class="formLabel">
                        Rebuild Cost (£):<span class="required">*</span></label>
                    <asp:TextBox runat="server" name="ddrebuild" ID="ddrebuild" CssClass="inputRebuildCost"
                        onBlur="changeClass('rebuild', 0);" onFocus="changeClass('rebuild', 1);"
                        onChange="changeClass('rebuild', 0);"></asp:TextBox>
                </div>

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
                     <div id="calc_rebuild_cost" runat="server">
                    <vam:ImageButton ID="btnRebuildCalc" runat="server" CssClass="LeftPaddedButton" AlternateText="Calculate Rebuild Cost" ImageUrl="~/img/Images/calc_rebuild_cost.png"  OnClick="btnRebuildCalc_Click"/>
                </div>
                <div id="rebuild_cost" class="rebuildMsgtxt" runat="server">
                    <asp:Literal ID="litRebuildCost" runat="server"></asp:Literal>
                </div>

                  </ContentTemplate>
        </asp:UpdatePanel>
 </ContentTemplate>
</asp:UpdatePanel>

Now i have placed button inside another nested panel but event is not firing up.
Plz help me out...

Posted 12-Jan-14 20:37pm

chandrayog.2

Updated 17-Jan-14 0:52am

v3

Add a Solution

4 solutions

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)

Gandalf_TheWhite · Answer 1 · 2014-01-12T20:59:00

Solution 1

Make sure the page you are running do not have any run-time error. also check this solution which closely resembles with your problem.

http://stackoverflow.com/questions/7650592/button-inside-update-panel-is-not-triggered-in-asp-net[^]

Posted 12-Jan-14 20:59pm

Gandalf_TheWhite

er.rakesh · Answer 2 · 2014-01-12T20:59:00

Solution 2

XML

<asp:TextBox ID="txt" runat="server"></asp:TextBox>
 <asp:RequiredFieldValidator ID="req1" runat="server" ControlToValidate="txt" ErrorMessage="Please Enter Value"></asp:RequiredFieldValidator>
 <asp:Button ID="btn" runat="server" onclick="btn_Click" CausesValidation="false"/>

Posted 12-Jan-14 20:59pm

er.rakesh

Suk@nta · Answer 3 · 2014-01-12T22:03:00

Solution 3

Plz give your validation code

XML

<VAM:RangeValidator ID="vrebuildrange" runat="server" ControlIDToEvaluate="ddrebuild"
                       //Validation code here
                </VAM:RangeValidator>

or u might have did any wrong in rangevalidation. U might set

C#

minimumValue

property of

C#

rangevalidator

control

do check and let me know..

Posted 12-Jan-14 22:03pm

Suk@nta

Comments

chandrayog.2 13-Jan-14 4:20am

hi Sukanta,

problem is not with validation, its run fien. thing is that after validation fires the Onclick code is not execute of button which is also in update panel. i think its make any sense?

Suk@nta 13-Jan-14 4:27am

did u checked weather the double click of button in design view goes to above onclick function.
It some time changed . plz try it. and let me know

Suk@nta 13-Jan-14 4:32am

ok ..U have forgeten to add AsyncPostBackTrigger event.. try it and let me know

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

Suk@nta 13-Jan-14 4:35am

ok ..U have forgeten to add AsyncPostBackTrigger event..add it after content template but before end of updatepanel and let me know

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

chandrayog.2 17-Jan-14 1:25am

Hi,

I have added this but no success. Strange thing is that it runs fine on very first time. but after that onclick event not working if there is any validation messge. Alos i have treid removing update panel then it works fine. dont know eats happening. plz help me out

chandrayog.2 13-Jan-14 5:29am

I have tried all the solutions mentioned above but still no success. i got stuck here. is there any to post the screenshot so that it can help you all.

Suk@nta 13-Jan-14 6:18am

<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">

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

<div id="rebuild" class="elements">

<label class="formLabel">
Rebuild Cost (£):<span class="required">*</span></label>
<asp:TextBox runat="server" name="ddrebuild" ID="ddrebuild" CssClass="inputRebuildCost"
onBlur="changeClass('rebuild', 0);" onFocus="changeClass('rebuild', 1);"
onChange="changeClass('rebuild', 0);">

</div>

<div id="calc_rebuild_cost" runat="server">

</div>

</div>
<p>

<label class="formLabel">
<asp:Label ID="Label1" runat="server" Text="Label">
</label>

<asp:Button ID="Button1" runat="server" Text="Button"
onclick="Button1_Click1" />

</p>
can u give wt u wrote inside click event of button ..
or do rectify
as u placed button inside updatepanel then it only do update the control present inside pane not outside control
but from outside u can update controls of panel .

lets me know .
i have tried its working

But i needs ur codebehind code of button click event.

chandrayog.2 13-Jan-14 7:26am

Thanks for your quick reply.

Yes you are right i want to update controls only inside pane. thats not a problem
and on the click of button i wrote a call to web service which returns a value to fill in textbox thats it, nothing much.

I dont want to place button outside the panel bcoz it will make a postback to whole page which we are avoiding, only update that part. any suggestions??

thanks

Suk@nta 13-Jan-14 23:27pm

then u put the button inside update panel and write code on button click event and set the value to textbox

can u give me ur codebehind code

M.R.A. · Answer 4 · 2014-01-13T23:11:00

<asp:textbox id="txt" runat="server" xmlns:asp="#unknown">
<asp:requiredfieldvalidator id="req1" runat="server" controltovalidate="txt" errormessage="Please Enter Value" xmlns:asp="#unknown">
<asp:button id="btn" runat="server" onclick="btn_Click" causesvalidation="false" xmlns:asp="#unknown">