테이블 내 UpdatePanel 정렬 문제

주소 유형 라디오 버튼 변경의 부분 포스트 백을 위해 페이지 중간에 UpdatePanel 컨트롤을 사용하고 있습니다. 모든 것은 잘 작동하지만 정렬 문제로 어려움을 겪고 있습니다. UpdatePanel 내부의 컨트롤은 외부 컨트롤과 정렬되지 않습니다. 이 문제를 어떻게 해결할 수 있습니까? 저에게 알려주세요.테이블 내 UpdatePanel 정렬 문제

<table id="tblEdit" class="cssclass1" cellpadding="3" runat="server"> 

    <tr> 
     <td class="cssclass1" align="right"> 
      Title 
     </td> 
     <td> 
      <telerik:RadTextBox ID="textbox1" runat="server" Width="280px" ReadOnly="true" 
       BackColor="LightGray" /> 
     </td> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblFirstName" runat="server">First Name</asp:Label> 
     </td> 
     <td align="left"> 
      <telerik:RadTextBox ID="txtFirstName" runat="server" MaxLength="30"> 
      </telerik:RadTextBox> 
      <asp:Image ID="Image1" ImageUrl="../../../images/requiredfield.gif" AlternateText="Required Field" 
       runat="server"></asp:Image><asp:HiddenField ID="hfCaseEntityId" runat="server" /> 
     </td> 
    </tr> 
<tr> 
<td colspan="4"> 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
    <ContentTemplate> 

    <tr> 
     <td class="cssclass1" align="right"> 
      Address Type 
     </td> 
     <td align="left"> 
      <asp:RadioButtonList ID="AddressType" runat="server" RepeatDirection="Horizontal" OnSelectedIndexChanged="AddressType_SelectedIndexChanged" AutoPostBack="true" > 
       <asp:ListItem Value="1" Selected="True">Home</asp:ListItem> 
       <asp:ListItem Value="2">Work</asp:ListItem> 
      </asp:RadioButtonList> 
     </td> 
     <td class="cssclass1" align="right"> 
     </td> 
     <td align="left"> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeStreet1" runat="server">Address</asp:Label> 
     </td> 

     <td align="left"> 
      <telerik:RadTextBox ID="txtHomeStreet1" runat="server" MaxLength="40" > 
      </telerik:RadTextBox> 
      <asp:Image ID="Image10" ImageUrl="../../../images/requiredfield.gif" AlternateText="Required Field" 
       runat="server"></asp:Image> 
     </td> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeStreet2" runat="server">Street 2</asp:Label> 
     </td> 
     <td align="left"> 
      <telerik:RadTextBox ID="txtHomeStreet2" runat="server" MaxLength="40" Width="280px"> 
      </telerik:RadTextBox> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeCity" runat="server">City</asp:Label> 
     </td> 
     <td align="left"> 
      <telerik:RadTextBox ID="txtHomeCity" runat="server" MaxLength="30"> 
      </telerik:RadTextBox> 
     </td> 
     <td align="right"> 
      <asp:Label CssClass="cssclass1" ID="LblHomeState" runat="server">State</asp:Label> 
     </td> 
     <td align="left"> 
<telerik:RadTextBox ID="txtHomeState" runat="server" MaxLength="30"> 
      </telerik:RadTextBox> 
     </td> 
    </tr> 
     </ContentTemplate> 
</asp:UpdatePanel> 
</td> 
</tr> 
</table>

출처

2012-07-13 nav100

HTML이 유효하지 않습니다. <ContentTemplate>의 첫 번째 줄은 <tr>이지만 다른 한 곳은 <table>입니다. 내부 테이블에서 cellpading = 0 및 cellspacing = 0을 조사 할 수 있습니다. 또한 CSSClass를 UpdatePanel에 추가하여 추가 서식을 지정할 수도 있습니다.

출처

2012-07-13 14:27:07 Matt

도움 주셔서 감사합니다. 은 추가 태그가 아닙니다. 좀 더 자세히 알려주시겠습니까? – nav100

죄송합니다. 위의 표에는 표가 있어야합니다. 해당 tr 태그 전에 다른 테이블 요소를 넣어야합니다. 기본적으로 고아 행이 있습니다. – Matt

테이블 내 UpdatePanel 정렬 문제

답변

관련 문제