Solved

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

Posted on 2010-08-19
2
378 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

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
This Micro Tutorial will give you a basic overview how to record your screen with Microsoft Expression Encoder. This program is still free and open for the public to download. This will be demonstrated using Microsoft Expression Encoder 4.
Migrating to Microsoft Office 365 is becoming increasingly popular for organizations both large and small. If you have made the leap to Microsoft’s cloud platform, you know that you will need to create a corporate email signature for your Office 365…

867 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

16 Experts available now in Live!

Get 1:1 Help Now