AutoSuggest AJAX Postback does screen flash
I have an AutoSuggest field inside a complex user control which has an update panel that contains all of the updatable controls. Other controls within the user control are set to AutoPostback = true and when they fire, the screen jiggles and works just fine. But when the AutoSuggest field does a postback, the screen clears and completely repaints. This is a very complex piece of code and there are lots of elements to it, so I hesitate to post lots of code, but here is the user control .ascx code:

    <asp:Panel ID="pnlFilters" runat="server">
      <table>
        <tr>
          <td>
            <asp:UpdatePanel ID="upFilters" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
              <ContentTemplate>
                <fieldset>
                  <legend>Filters</legend>
                  <asp:Panel ID="pnlFilterText" runat="server" Visible="true">
                    Containing this text:
                    <asp:TextBox ID="txtFilterSearchText" runat="server" OnTextChanged="CheckForAutoAdd" />
                  </asp:Panel>
                  <asp:Panel ID="pnlFilterSCO" runat="server" Visible="false">
                      SCO:<asp:TextBox ID="txtSCO" runat="server" CssClass="AutoComplete Long AssessorSCOPostBack {hiddenInputWildCardSelector: 'input[id$=&quot;_SCO&quot;]'}" />
                      <asp:HiddenField ID="SCO" runat="server" />
                  </asp:Panel>
                </fieldset>
              </ContentTemplate>
            </asp:UpdatePanel>
          </td>
        </tr>
      </table>
    </asp:Panel>

The first text box (txtFilterSearchText) works fine. It posts back without a full screen refresh; however, the second textbox (txtSCO) uses JavaScript to do an AJAX postback that is handled in the Page_Load event in the .cs file.

I suspect that there may be two problems with this code:

 1. The declaration of the update panel - I don't fully understand
    how they work. I use UpdateMode=Conditional and
    ChildrenAsTriggers=true.
 2. Using Page_Load as the event that handles the postback. I would like to see some examples of using a specific control, but don't know how to do this in JavaScript. Examples would help.


AutoSuggest AJAX Postback does screen flash
===

I have an AutoSuggest field inside a complex user control which has an update panel that contains all of the updatable controls. Other controls within the user control are set to AutoPostback = true and when they fire, the screen jiggles and works just fine. But when the AutoSuggest field does a postback, the screen clears and completely repaints. This is a very complex piece of code and there are lots of elements to it, so I hesitate to post lots of code, but here is the user control .ascx code:

    <asp:Panel ID="pnlFilters" runat="server">
      <table>
        <tr>
          <td>
            <asp:UpdatePanel ID="upFilters" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
              <ContentTemplate>
                <fieldset>
                  <legend>Filters</legend>
                  <asp:Panel ID="pnlFilterText" runat="server" Visible="true">
                    Containing this text:
                    <asp:TextBox ID="txtFilterSearchText" runat="server" OnTextChanged="CheckForAutoAdd" />
                  </asp:Panel>
                  <asp:Panel ID="pnlFilterSCO" runat="server" Visible="false">
                      SCO:<asp:TextBox ID="txtSCO" runat="server" CssClass="AutoComplete Long AssessorSCOPostBack {hiddenInputWildCardSelector: 'input[id$=&quot;_SCO&quot;]'}" />
                      <asp:HiddenField ID="SCO" runat="server" />
                  </asp:Panel>
                </fieldset>
              </ContentTemplate>
            </asp:UpdatePanel>
          </td>
        </tr>
      </table>
    </asp:Panel>

The first text box (txtFilterSearchText) works fine. It posts back without a full screen refresh; however, the second textbox (txtSCO) uses JavaScript to do an AJAX postback that is handled in the Page_Load event in the .cs file.

I suspect that there may be two problems with this code:

 1. The declaration of the update panel - I don't fully understand
    how they work. I use UpdateMode=Conditional and
    ChildrenAsTriggers=true.
 2. Using Page_Load as the event that handles the postback. I would like to see some examples of using a specific control, but don't know how to do this in JavaScript. Examples would help.

