GridView在UpdatePanel内部未更新

Question

我的gridview在更新范围内，出于某种原因，GridView没有显示更新的数据。我想念什么吗？我的代码看起来像我发现的其他示例。

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <asp:GridView ID="GridView1" runat="server" AutoGenerateSelectButton="True" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3" ColumnName="test" CssClass="auto-style14" EnableViewState="false" Font-Size="Medium" HorizontalAlign="Left" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" Width="1010px">
                    <Columns>
                        <asp:ButtonField Text="Details" />
                    </Columns>
                    <FooterStyle BackColor="White" ForeColor="#000066" />
                    <HeaderStyle BackColor="#006699" BorderStyle="Solid" Font-Bold="True" ForeColor="White" HorizontalAlign="Center" VerticalAlign="Middle" />
                    <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                    <RowStyle ForeColor="#000066" />
                    <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                    <SortedAscendingCellStyle BackColor="#F1F1F1" />
                    <SortedAscendingHeaderStyle BackColor="#007DBB" />
                    <SortedDescendingCellStyle BackColor="#CAC9C9" />
                    <SortedDescendingHeaderStyle BackColor="#00547E" />
                    <RowStyle HorizontalAlign="Center" />
                </asp:GridView>
            </ContentTemplate>
        </asp:UpdatePanel>

cs：

        }
        GridView1.DataSource = visualDataTable;
        GridView1.DataBind();
        UpdatePanel1.Update();
    }

Answer 1

首先，您需要为gridview设置AutoPostBack="true"，并且应该在UpdatePanel中提供触发器，以在特定事件上更新您的gridview，例如在以下示例中：

<Triggers>
     <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="SelectedIndexChanged" />
</Triggers>

每当发生此事件时，它将更新您的GridView。或者，如果您想在按钮上更新gridview，则需要在触发器内提供以下代码行：

<asp:AsyncPostBackTrigger ControlID="btnUpdate" EventName="Click" />

这是您更新的GridView：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
  <ContentTemplate>
    <asp:GridView
      ID="GridView1"
      runat="server"
      AutoGenerateSelectButton="True"
      BackColor="White"
      BorderColor="#CCCCCC"
      BorderStyle="None"
      BorderWidth="1px"
      CellPadding="3"
      ColumnName="test"
      CssClass="auto-style14"
      EnableViewState="false"
      Font-Size="Medium"
      HorizontalAlign="Left"
      AutoPostBack="true"
      OnSelectedIndexChanged="GridView1_SelectedIndexChanged"
      Width="1010px"
    >
      <Columns>
        <asp:ButtonField Text="Details" />
      </Columns>
      <FooterStyle BackColor="White" ForeColor="#000066" />
      <HeaderStyle
        BackColor="#006699"
        BorderStyle="Solid"
        Font-Bold="True"
        ForeColor="White"
        HorizontalAlign="Center"
        VerticalAlign="Middle"
      />
      <PagerStyle
        BackColor="White"
        ForeColor="#000066"
        HorizontalAlign="Left"
      />
      <RowStyle ForeColor="#000066" />
      <SelectedRowStyle
        BackColor="#669999"
        Font-Bold="True"
        ForeColor="White"
      />
      <SortedAscendingCellStyle BackColor="#F1F1F1" />
      <SortedAscendingHeaderStyle BackColor="#007DBB" />
      <SortedDescendingCellStyle BackColor="#CAC9C9" />
      <SortedDescendingHeaderStyle BackColor="#00547E" />
      <RowStyle HorizontalAlign="Center" />
    </asp:GridView>
  </ContentTemplate>
  <Triggers>
    <asp:AsyncPostBackTrigger
      ControlID="GridView1"
      EventName="SelectedIndexChanged" />
  </Triggers>
</asp:UpdatePanel>