C# 从代码隐藏刷新按钮单击上的更新面板

Refresh an updatepanel on buttonclick from code-behind

提问by MrProgram

I'm using a Gridview that is using datasource & databinding. When i reload the page the gridview is updated but I want it to be on the buttonclick, but it's not working for me.

我正在使用使用数据源和数据绑定的 Gridview。当我重新加载页面时，gridview 会更新，但我希望它位于 buttonclick 上，但它对我不起作用。

The gridview inside the updatepanel:

更新面板内的网格视图：

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="upWall" runat="server" ChildrenAsTriggers="true" UpdateMode="conditional">
        <ContentTemplate>
            <asp:GridView ID="gvWallPosts" runat="server" AutoGenerateColumns = "false" 
             CaptionAlign="NotSet" CellPadding="5">
            <Columns>
                <asp:TemplateField HeaderText="Avs?ndare">
                    <ItemTemplate>
                        <%# GetSender((int)Eval("WallSender"))%>
                        <br />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Inl?gg">
                    <ItemTemplate>
                        <%# Eval("Post")%>
                        <br />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
            </asp:GridView>
        </ContentTemplate>
    </asp:UpdatePanel>
    <asp:TextBox ID="txtWall" runat="server" Height="105px" TextMode="MultiLine" Width="227px"></asp:TextBox>
    <br />
    <asp:Button ID="btnWall" runat="server" Text="Posta" onclick="btnWall_Click" />

Code-behind:

代码隐藏：

protected void btnWall_Click(object sender, EventArgs e)
    {
        con.SendWallPost(con.GetId(Membership.GetUser().UserName), Convert.ToInt32(Request.QueryString["ID"]), txtWall.Text); //This method is sending the post
        upWall.Update();
    }

So, I want the updatepanel to be updated on the ButtonClick, I don't want to reload the whole page to see the result

所以，我希望在 ButtonClick 上更新更新面板，我不想重新加载整个页面来查看结果

回答by Tim Schmelter

Since i don't see the button btnWall, i assume that it's outside of the UpdatePanel. But you need to define an explicit trigger if you want to allow a control outside of an UpdatePanelto trigger a postback.

由于我没有看到按钮btnWall，我认为它在UpdatePanel. 但是，如果您希望允许 a 之外的控件UpdatePanel触发回发，则需要定义一个显式触发器。

Therefore you can use an AsyncPostBackTrigger:

因此，您可以使用AsyncPostBackTrigger：

<asp:UpdatePanel ID="upWall" runat="server" ChildrenAsTriggers="true" UpdateMode="conditional">
     <ContentTemplate>
         ....
     </ContentTemplate>
     <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnWall" EventName="Click" />
     </Triggers>
 </asp:UpdatePanel>

回答by Murtuza Kabul

You should either put the button inside the update panel or define an explicit trigger to update the update panel on button click event as suggested by Tim Schmelter.

您应该将按钮放在更新面板内，或者按照 Tim Schmelter 的建议定义一个显式触发器以在按钮单击事件时更新更新面板。

回答by Abide Masaraure

By default, partial-page updates are enabled in an update panel because the default value of the EnablePartialRendering property of the ScriptManager control is true.Putting the button in the update panel is suffice to give you what you need since the button acts as an asynchronus postback control inside the panel.Then just add this line( gvWallospts.Databind()) after your update.Let me know how it goes.

默认情况下，部分页面更新在更新面板中启用，因为 ScriptManager 控件的 EnablePartialRendering 属性的默认值为 true。将按钮放在更新面板中就足以为您提供所需的内容，因为该按钮充当异步面板内的回发控制。然后只需在更新后添加这一行（gvWallospts.Databind()）。让我知道它是怎么回事。

protected void btnWall_Click(object sender, EventArgs e)
{
    con.SendWallPost(con.GetId(Membership.GetUser().UserName), Convert.ToInt32(Request.QueryString["ID"]), txtWall.Text); //This method is sending the post
    //upWall.Update();
    gvWallPosts.DataBind();
}

Try setting up you markup like this

尝试像这样设置标记

  <asp:ScriptManager ID="ScriptManager1" runat="server">
   </asp:ScriptManager>
      <asp:UpdatePanel ID="upWall" runat="server" ChildrenAsTriggers="true" UpdateMode="conditional">
    <ContentTemplate>
        <asp:GridView ID="gvWallPosts" runat="server" AutoGenerateColumns = "false" 
         CaptionAlign="NotSet" CellPadding="5">
        <Columns>
    <asp:Templatefield>
   <asp:Button ID="btnWall" runat="server" Text="Posta" command="Edit" />
     </asp:TemplateField>
            <asp:TemplateField HeaderText="Avs?ndare">
                <ItemTemplate>
                    <%# GetSender((int)Eval("WallSender"))%>
                    <br />
                </ItemTemplate>

                <EditItemTemplate>

                      <asp:TextBox Text='<%# Bind("WallSender")%>' />
                </EditItemTemplate>

            </asp:TemplateField>
            <asp:TemplateField HeaderText="Inl?gg">
                <ItemTemplate>
                    <%# Eval("Post")%>
                    <br />
                </ItemTemplate>
                   <EditItemTemplate>

                     <asp:TextBox  Text='<%# Bind("Post")%>'/>
                </EditItemTemplate>
            </asp:TemplateField>
        </Columns>
        </asp:GridView>
    </ContentTemplate>
</asp:UpdatePanel>

In your grid Row updating event

在您的网格行更新事件中

  protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{


    con.SendWallPost(con.GetId(Membership.GetUser().UserName),    Convert.ToInt32(Request.QueryString["ID"]), txtWall.Text); 
     gvWallPosts.DataBind();


}

Make sure that also you Binding code in page load is sandwiched by this

确保页面加载中的绑定代码也被夹在中间

 If(!IsPostBack)
     {
                   }