jquery and autopostback conflict

Question

0.00/5 (No votes)

See more:

Hi,
I have 3 dropdownlist and a grid in a form.
I used jquery to populate data to the dropdownlist and 3rd dropdownlist have a autopostback event and selected_indexchanged event.

When I select a value from 3rd dropdownlist then all dropdownist data vanished but this is not fair at all.

I want that data will not be vanished from any dropdownlist and after selecting data from third dropdownlist it will go to the selected_indexchanged event and will popuate data to gridview.

Posted 5-Oct-10 21:08pm

Member 7494618

Updated 5-Oct-10 21:17pm

LittleYellowBird

v2

Add a Solution

Comments

NMehta83 12-Oct-10 1:49am

please add your jquery and aspx page code so that we can find where you have made the mistake?

3 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)

saini arun · Answer 1 · 2010-10-05T21:19:00

Some of the choice you have are:

1. Wrap third drop down list inside an UpdatePanel if you already have not done this.
Register all your JS related code (.js files & script blocks) using ScriptManager on page load event.

2. Remove auto post back from the drop down and use "page methods" to call any server side function from java script.

3. Remove auto post back from the drop down and use any of the AJAX methods in jQuery to call your code behind function.

Hope this helps.

Prosanta Kundu online · Answer 2 · 2010-10-05T21:31:00

I used jquery to populate data to the dropdownlist and 3rd dropdownlist have a autopostback event and selected_indexchanged event.
When I select a value from 3rd dropdownlist then all dropdownist data vanished but this is not fair at all.

This is happening due to ViewState. When you are populating data to the DropDownList using JQuery, the ViewState remains same as it was during page load. And autopostback causes 1st and 2nd DropDownLists to blank as it was loaded first time.

I want that data will not be vanished from any dropdownlist and after selecting data from third dropdownlist it will go to the selected_indexchanged event and will popuate data to gridview.

Why don't you use an UpdatePanel and use a trigger asynchronously with Selected_IndexChanged event to populate the GridView. Hope this will help you.

Sherylee · Answer 3 · 2010-10-11T04:59:00

Solution 3

just do autopostback = false

lol

Posted 11-Oct-10 4:59am

Sherylee

Comments

saini arun 12-Oct-10 2:02am

Disabling autopostback will restrict the control from calling selected_indexchanged in code behind.

jquery and autopostback conflict

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0