asp.net - 更新面板渲染表行错误

Question

当我的 asp.net AJAX 更新面板更新时，我遇到了一个问题，它在我的表格顶部而不是在它所属的位置呈现内容是我的代码：

<tr>
   <td>
   </td>
   <td>
      <asp:CheckBox ID="ddCheckbox" runat="server" Text="Checkbox"
           AutoPostBack="true" OnCheckedChanged="ddCheckboxChanged" />
   </td>
</tr>

    <asp:UpdatePanel ID="uxUpdatePanel" runat="server" RenderMode="Inline" UpdateMode="Conditional">
       <ContentTemplate>
          <tr>
             <td>
               Some Field:
             </td>
              <td>
                 <asp:TextBox ID="ddSomeField" runat="server" />
              </td>
            </tr>
          </ContentTemplate>
          <Triggers>
            <asp:AsyncPostBackTrigger ControlID="ddCheckbox" EventName="CheckedChanged" />
          </Triggers>
    </asp:UpdatePanel>

在我的服务器端事件中，我只是启用/禁用文本框。

Answer 1

1）创建自定义更新面板控件（从SingingEels复制/粘贴）

2) 将此自定义更新面板控件与属性一起使用RenderedElement="TBODY"

3）嵌套你的表如下：

<TABLE>
  <TR>
    <TD>outside updatepanel</TD>
  </TR>
  <SingingEels:SemanticUpdatePanel ID="myUpdatePanel" runat="server" RenderedElement="TBODY">
    <ContentTemplate>
      <TR>
        <TD>inside updatepanel - 1th row</TD>
      </TR>
      <TR>
        <TD>inside updatepanel - 2nd row</TD>
      </TR>
      <TR>
        <TD>inside updatepanel - last row</TD>
      </TR>
    </ContentTemplate>
  </SingingEels:SemanticUpdatePanel>
  <TR>
    <TD>outside updatepanel</TD>
  </TR>
</TABLE>

Answer 2

我相信这是由于您嵌套更新面板的方式。如果您将更新面板更改为 td 的子项，而不是表的子项：

<tr>
  <td>
    Some Field:
  </td>
  <td>
    <asp:UpdatePanel ID="uxUpdatePanel" runat="server" RenderMode="Inline" UpdateMode="Conditional">
       <ContentTemplate>
         <asp:TextBox ID="ddSomeField" runat="server" />
       </ContentTemplate>
       <Triggers>
          <asp:AsyncPostBackTrigger ControlID="ddCheckbox" EventName="CheckedChanged" />
       </Triggers>
    </asp:UpdatePanel>
   </td>
 </tr>

你应该都修好了。

Answer 3

您是否完成了查看源代码以确认它实际上是在 HTML 本身的那个位置呈现它？如果表格格式错误，浏览器有时会在表格之外呈现标签。它可能看起来在 HTML 本身中被正确定义，但缺少结束标记等可能会导致它以这种方式呈现。

Answer 4

当更新面板回发到服务器时，它会发回所有内容（包括视图状态）。为什么不只做一些简单的javascript？这会更有效率。