can textchanged event of textbox fires without postback

Question

0.00/5 (No votes)

See more:

I want calculate total amount when user enters quantity in textbox..it works when postback occurs but i want to do it dynamically without postback..is there any another solution plz tell me.

//source code

XML

<asp:UpdatePanel ID="UpdatePanel2" runat="server">
                                    <ContentTemplate>
                                   <asp:TextBox ID="TxtATQuantityATC"  runat="server" AutoPostBack="true" OnTextChanged="TxtATQuantityATC_TextChanged" ></asp:TextBox>
                                </ContentTemplate>
                                <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="TxtATQuantityATC" EventName="TextChanged" />

                                </Triggers>
                               </asp:UpdatePanel>

//.cs

C#

protected void TxtATQuantityATC_TextChanged(object sender, EventArgs e)
   {

      
       int Price = int.Parse(LblATUPriceATC.Text);
       int Quantity = int.Parse(TxtATQuantityATC.Text);
       int TotalPrice = Quantity * Price;
       LblATTotalAmntATC.Text = TotalPrice.ToString();
     
       MpeAddToCart.Show();

   }

Posted 15-Feb-13 22:17pm

Member 9579525

Add a Solution

Comments

[no name] 16-Feb-13 4:30am

no without postback you don't do that
else use javascript function!!!!

Member 9579525 16-Feb-13 4:34am

thank u..can u suggest me which functon and how to use it??

1 solution

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)

Bandi Ramesh · Answer 1 · 2013-02-15T22:35:00

Solution 1

JavaScript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#txtQuantity").blur(function(){
      var price = $("#lblPrice").text();
      var totalAmount = $("#lblTotal");
      var toal = parseFloat(this.value) * parseFloat(price);
      totalAmount.text(total);
  });
});
</script>

ASP.NET

Quantity: <asp:TextBox id="txtQuantity" runat="server" />
<br />
Price: <asp:Label id="lblPrice" runat="server" Text="10" />
<br />
Total Amount: <asp:Label id="lblTotal" runat="server" />
<br />

Posted 15-Feb-13 22:35pm

Bandi Ramesh

Updated 15-Feb-13 22:51pm

v4

Comments

Member 9579525 16-Feb-13 4:39am

thank u... my unit price is on label and want to diaplay total price on another label so will it work using above code.

Bandi Ramesh 16-Feb-13 4:51am

Verify my modified example; hope it helps you.

Member 9579525 16-Feb-13 5:32am

Thanks...I have done same but its not working..any other way?

Bandi Ramesh 16-Feb-13 5:36am

can you post your code here? that will help us point out the issue...

Member 9579525 16-Feb-13 5:57am

Bandi Ramesh 16-Feb-13 6:06am

where is your quantity textbox? are you using masterpages?

Member 9579525 16-Feb-13 6:12am

yes using master pages.. my price and quantity both are on popup as in above code..i am not getting why my code is not working..

Bandi Ramesh 16-Feb-13 6:22am

Oh...that is the issue. when you are using masterpages the way we get the values in jquery will be differ. instead of getting values by id, have to use classes to get the values

In the aspx code: try to add CssClass along with id for all the three controls and CssClass would be your id; dont change this keep it as it is. Ex: if ID="TxtATQuantityATC" then add CssClas="TxtATQuantityATC" beside it and do this for the remaining controls.

Then in the jquery: replace $("#txtQuantity") with $(".txtQuantity") and do the same for the remaining.

Now you are done! Good luck.

Member 9579525 16-Feb-13 6:39am

still its not working...need to define css class?

Bandi Ramesh 16-Feb-13 6:42am

No need to define css class. Can you test an alert function in the blur event
alert($("#txtQuantity").value);

Member 9579525 16-Feb-13 6:47am

not working..is it because of my code is on popup?