Autopostback is not working because of javascript OnChange Event

Hi,

You can try one other thing, instead of putting everything like this below -

<asp:TextBox ID="TextBox8" runat="server" Width="268px"
        onChange="$find('AutoCompleteExtender3').set_contextKey(this.value); __doPostBack('TextBox8','');"
        ontextchanged="TextBox8_TextChanged" AutoPostBack="true"></asp:TextBox>

I suggest you try the below alternative -
first add a script tag in your page & put the javascript content in a function & then call this function (as below). Also add a return true in the function -

<script>
function AutoCompleteExtend()
{
  $find('AutoCompleteExtender3').set_contextKey(this.value);
  return true;
}
</script>

<asp:TextBox ID="TextBox8" runat="server" Width="268px"  
                        onChange="javascript:return AutoCompleteExtend();" 
                        ontextchanged="TextBox8_TextChanged" AutoPostBack="true"> 

Again please note this hasn't been tested. Kindly request you to test this & let me know ...

Regards

Try this:

<asp:textbox id="TextBox8" runat="server" width="268px" onchange="$find('AutoCompleteExtender3').set_contextKey(this.value); return true;" ontextchanged="TextBox8_TextChanged" autopostback="true" xmlns:asp="#unknown"></asp:textbox> 

--Amit

Just the idea: you can choose to remove auto postback and write explicit Ajax post in your handler of your OnChange event handler.

I would perfectly understand that you want both the postback and this event. Probably, you first do some local processing on the client side using this event and newly updated value of the text box (entered text) with JavaScript, and then you need to notify the server by sending the HTTP request. When HTTP server processes the request, new updated part of page is generated out of HTTP response and the cycles starts over.

If this is your scenario, it can be quite reasonable; this is what Ajax is actually used for. At the same time, I would advise you to review it, as the event OnChange can be too frequent. You need to consider performance cost of the exchange with the server on each event. Overuse of Ajax is actually a curse of many present-days site: developers make them actually working, but they don't care about how much it costs due to wildly redundant traffic use.

Nevertheless, if you still decide to keep to having both client-side event handling and postback on each event, you can remove auto postback and send Ajax HTTP request in the JavaScript code of you event handler. One of the possible ways to do it is using jQuery Ajax methods. Please see:
http://api.jquery.com/category/ajax/[^].

Good luck,

—SA