使更新面板组件更改更新面板外部项目的可见性

Question

我有一个中继器，可以通过编辑按钮编辑项目，该按钮在编辑模式下打开 FormView。 formView 最初是不可见的，而转发器是可见的。一旦按下编辑按钮，中继器就会变得不可见，然后表单视图就会变得可见，其中包含要编辑的项目。

进行更改后，用户按下更新。这会将表单视图设置为不可见，而转发器设置为可见。

问题是表单视图不可见，但转发器不可见。我认为这是由于表单视图位于更新面板内而中继器不在更新面板内造成的？单击更新时，只有更新面板中的项目会发生更改，因为这只是部分页面更新。

我无法将中继器放在更新面板中，因为要求公共视图不使用 javascript。

有谁知道我怎样才能让中继器重新出现？

<asp:Repeater id="resultsRepeater" runat="server"  DataSourceID="vehiclesDataSource" >
  <ItemTemplate>
    <asp:Label id="makeLabel" runat="server" Text='<%# Eval("Make") %>' />
    <asp:Button id="editButton" runat="server" Text="Edit" CommandArgument='<%# Eval("Id") %>' OnClick="EditButton_Click" />
  </ItemTemplate>
<asp:Repeater>

<asp:UpdatePanel ID="updatePanel" runat="server">
  <ContentTemplate>
    <asp:Panel id="insertUpdatePanel" runat="server" Visible="false">
      <asp:FormView id="editformview" runat="server" DataKeyNames="Id" Datasourceid="VehiclesEditDataSource" >

        <EditItemTemplate>
          <uc:VehiclesEdit ID="VehiclesEdit" runat="server" />
            <asp:Button id="updateButton" runat="server" OnClick="Update_Click" />
        </EditItemTemplate>
      </asp:FormView>
    </asp:Panel>
  </ContentTemplate>
</asp:UpdatePanel>

protected void EditButton_Click(object sender, EventArgs e)
{
  resultsRepeater.Visible = false;
  insertUpdatePanel.Visible = true;
}

protected void Update_Click(object sender, EventArgs e)
{
  resultsRepeater.Visible = true;
  insertUpdatePanel.Visible = false;
}

Answer 1

这可能会有所帮助。我有一个类似的问题，这对我有用。我只是使用 ScriptManager 将按钮（甚至按行迭代）注册为回发控件，如下所示：

ScriptManager.GetCurrent(Page).RegisterPostBackControl(updateButton)

这导致了完整的回发，并允许我设置更新面板之外的面板的可见性。我希望它有效！

Answer 2

修订：将 PostBackTrigger 添加到 UpdatePanel，以在单击 UpdateButton 时强制执行完整回发。这将隐藏您的 UpdatePanel 并再次显示您的 Repeater。请参阅下面的最终代码：

有关更多信息，请参阅：https://stackoverflow.com/questions/2545508/how-do-i-force-full-post-back-from-a-button-within-an-updatepanel

<asp:UpdatePanel ID="updatePanel1" runat="server">
<Triggers>
  <asp:PostBackTrigger ControlID="updateButton" />
</Triggers>
<ContentTemplate>
  <asp:Panel ID="Panel1" runat="server" Visible="false">
    <asp:FormView ID="editformview" runat="server" DataKeyNames="Id" DataSourceID="VehiclesEditDataSource">
      <EditItemTemplate>
        <uc:vehiclesedit id="VehiclesEdit" runat="server" />
      </EditItemTemplate>
    </asp:FormView>
  <asp:Button ID="updateButton" runat="server" OnClick="Update_Click" />
  </asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>