Solved

I need assistance using the AJAX UpdatePanel and ContentTemplate controls in my ASP.Net app

Posted on 2010-08-19
2
373 Views
Last Modified: 2013-12-17
Hi Experts,
I need assistance using the UpdatePanel and ContentTemplate controls in my ASP.Net application.  The screen still flickers when I tab out of the Text fields?  What am i doing wrong?  I have provided a sample of my code below:


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

<ContentTemplate>                                

<asp:DropDownList ID="ddlOrgPortCode" runat="server" Style="z-index: 100; left: 212px;

position: absolute; top: 135px" Width="270px" AutoPostBack="True" OnSelectedIndexChanged="ddlOrgPortCode_SelectedIndexChanged" TabIndex="2">

</asp:DropDownList>                            

</ContentTemplate>    

    

</asp:UpdatePanel>

<br />

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

<ContentTemplate> 

<asp:TextBox ID="txtOrigZone" runat="server" Style="z-index: 101; left: 636px; position: absolute; top: 134px" Width="29px" ReadOnly="True" Visible="False">

</asp:TextBox>

&nbsp;&nbsp;&nbsp;  

</ContentTemplate>  

</asp:UpdatePanel>

Open in new window

0
Comment
Question by:mainrotor
2 Comments
 
LVL 6

Accepted Solution

by:
thaytu888888 earned 500 total points
ID: 33481745
- Tell me exactly what is your problem? Try to remove AutoPostBack="True" in the dropdownlist, also post the Page_Load function here so i can have more information.
0
 

Author Comment

by:mainrotor
ID: 33487519
thaytu888888
Below is the info you requested.  I cleaned up the code a little bit and removed the AutoPostBack on my dropdownlists.  Let me know if there is anything else I need to check.  My app is still flickering When I tab from a text box to the DropDownList.

Thanks in advance,
mrotor
<asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode=Conditional>

   <ContentTemplate> 

   <asp:TextBox ID="txtOrgPostCode" runat="server" Style="z-index: 116; left: 115px; position: absolute; top: 135px" Width="80px" Font-Size="Small" TabIndex="1" onblur="GetLocalInfo()"                                                                      OnTextChanged="txtOrgPostCode_TextChanged" ></asp:TextBox>

   </ContentTemplate>  

</asp:UpdatePanel>



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

   <ContentTemplate>                                

   <asp:DropDownList ID="ddlOrgPortCode" runat="server" Style="z-index: 100; left: 212px; position: absolute; top: 135px" Width="270px" AutoPostBack="False"                                                                                                  OnSelectedIndexChanged="ddlOrgPortCode_SelectedIndexChanged" TabIndex="2">

   </asp:DropDownList>                            

   </ContentTemplate>        

</asp:UpdatePanel>



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

   <ContentTemplate> 

   <asp:TextBox ID="txtDestPostCode" runat="server" Style="z-index: 111; left: 115px; position: absolute; top: 160px" Width="80px" TabIndex="3" Font-Size="Small" onblur="GetDestInfo()" 	                   OnTextChanged="txtDestPostCode_TextChanged">

   </asp:TextBox>   

   </ContentTemplate>  

</asp:UpdatePanel>



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

   <ContentTemplate>   

   <asp:DropDownList ID="ddlDestPortCode" runat="server" Style="z-index: 123; left: 212px; position: absolute; top: 160px" Width="270px" AutoPostBack="False"                                                                                                             OnSelectedIndexChanged="ddlDestPortCode_SelectedIndexChanged" TabIndex="4">

   </asp:DropDownList>

   </ContentTemplate>        

</asp:UpdatePanel>















HERE'S THE PAGE LOAD EVENT YOU REQUESTED:



    protected void Page_Load(object sender, EventArgs e)

    {

        this.GetPostBackEventReference(this, string.Empty);



        if (!IsPostBack)

        {

            GetUserEmailAddress();



            TotTable.Visible = false;

            TotalCost.Visible = false;

            ManualTable.Visible = false;

            btnCalcTotal.Visible = false;

            TabGrid.Visible = false;

            GridResults.Visible = false;

            tblLegend.Visible = false;



            GMap1.addGMapUI(new Subgurim.Controles.GMapUI());

            GMap2.addGMapUI(new Subgurim.Controles.GMapUI());



            GMap1.Visible = false;

            GMap2.Visible = false;



            txtOrgPostCode.Focus();

        }

        else

        {

            string eventTarget = (this.Request["__EVENTTARGET"] == null) ?

            string.Empty : this.Request["__EVENTTARGET"];

            string eventArgument = (this.Request["__EVENTARGUMENT"]);



            if (eventTarget == "GetLocalInfo()")

                GetLocalInfo();



            if (eventTarget == "GetDestInfo()")

                GetDestInfo();



            if (eventTarget == "ManPerc()")

                ManPerc();

        }

    }

Open in new window

0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now