Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 770
  • Last Modified:

Controls Render Twice

Hi

I am using an Update Panel but when I click the button within the  panel. It renders the controls (1 textbox and a dropd down) twice. Code is below.

Any ideas on what I am doing wrong....

Thansk
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
			
			<ContentTemplate>
					<asp:Button ID="cmdUseThis" runat="server" Text="Use This" onclick="cmdUseThis_Click" />
 
				</td>
			</tr>
 
			<tr>
			
				<td class="rowLabel">
					&nbsp;State:</td>
				<td>
					&nbsp;
					<asp:TextBox ID="txtState" runat="server"></asp:TextBox>
				</td>
			</tr>
			<tr>
				<td class="rowLabel" valign="top">
					Country:</td>
				<td>
					&nbsp;
					<asp:DropDownList ID="ddlCountry" runat="server" AppendDataBoundItems="true">
					<asp:ListItem></asp:ListItem>
					</asp:DropDownList>	
					
					<asp:UpdateProgress ID="UpdateProgress1" runat="server">
				<ProgressTemplate>
				<img alt="working..." src="../images/spinner.gif" />
				</ProgressTemplate>
				</asp:UpdateProgress>
				</td></tr></table>
			</ContentTemplate>
 
			</asp:UpdatePanel>

Open in new window

0
patelajk
Asked:
patelajk
  • 4
  • 3
1 Solution
 
jinn_hnnlCommented:
What do you mean by render it tiwce, you see 4 thing after the click, or you see the dropdown with duplicated data? Can you show us how your button click is defined  in code behind?


0
 
patelajkAuthor Commented:
button code is and yes i see 4 things 2 with the data which generate after the onclick the the same ones below but with no data

      Protected Sub cmdUseThis_Click(ByVal sender As Object, ByVal e As System.EventArgs)
            If Not ddlCountry Is Nothing Then
                  ddlCountry.Items.Clear()
                  PopulateDropDowns()
            End If
            Dim objCountryID As Object = DataAccess.getScalarResult("SELECT City_Country_ID FROM tblCity WHERE City_ID = " & listLocInfo.SelectedValue)
            Dim objStateID As Object = DataAccess.getScalarResult("SELECT City_State_ID FROM tblCity WHERE City_ID = " & listLocInfo.SelectedValue)
      
            If Not IsDBNull(objStateID) Then
                  txtState.Text = DataAccess.getScalarResult("SELECT State_Name FROM tblState WHERE State_ID = " & objStateID)
            End If
            
            ddlCountry.Items.FindByValue(objCountryID).Selected = True
            ddlCountry.Visible = False
            txtState.Visible = False
            
      End Sub

0
 
jinn_hnnlCommented:
Is this update panel part within an WebUserControl, if so, you might wanna check if you have added the entire thing twice (on PageLoad, PreReder ... once and another place two).

If not,
 PopulateDropDowns() ??? what does this function do??? <- the way I look at the name, I guess it add another dropdown to the container control.

Right click on the output browser and see if you see 4 different stuffs there, and try to run it in IE and Firefox to see if both browser acts the same way (I guess they do).

Hope this helps

JINN


0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
patelajkAuthor Commented:
PopulateDropDowns gets populate the drop down with values from a database - in this case the countries

i am not adding it twice i am pretty sure of that and IE does the same thing
0
 
jinn_hnnlCommented:
Ok here might be the problem, all what I can guess is the UpdatePanel screw up your page as you interpret them in between your table html tag. Which not wise able.

You might try to redecorate them abit by put the entire table content inside that updatePanel instead of open somewhere, start with a <td> and end table before closing the updatePanel

Can you give another try?

JINN


<asp:UpdatePanel ID="UpdatePanel2" runat="server">                        
         <ContentTemplate>
		<table>
			<tr>
				<td colspan="2">
                                        <asp:Button ID="cmdUseThis" runat="server" Text="Use This" onclick="cmdUseThis_Click" />
 
                                </td>
                        </tr>
 
                        <tr>
                        
                                <td class="rowLabel">
                                         State:
				 </td>
                                <td>                                         
                                        <asp:TextBox ID="txtState" runat="server"></asp:TextBox>
                                </td>
                        </tr>
                        <tr>
                                <td class="rowLabel" valign="top">
                                        Country:</td>
                                <td>
                                         
                                        <asp:DropDownList ID="ddlCountry" runat="server" AppendDataBoundItems="true">
                                        <asp:ListItem></asp:ListItem>
                                        </asp:DropDownList>     
                                        
                                        <asp:UpdateProgress ID="UpdateProgress1" runat="server">
                                <ProgressTemplate>
                                <img alt="working..." src="../images/spinner.gif" />
                                </ProgressTemplate>
                                </asp:UpdateProgress>
                                </td>
			</tr>
		</table>
	</ContentTemplate>
 
</asp:UpdatePanel>

Open in new window

0
 
patelajkAuthor Commented:
Brilliant.... thanks a million
0
 
jinn_hnnlCommented:
Glad to help ^^

JINN
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now