由 UpdatePanel 内 GridView 内的 LinkBut​​ton 触发的完整回发

Question

我在 UpdatePanel 中有一个 GridView。在模板字段中是我用于标记项目的按钮。从功能上讲，这可以正常工作，但该按钮始终会触发整页回发而不是部分回发。如何获取触发部分回发的按钮？

<asp:ScriptManager ID="ContentScriptManager" runat="server" />
<asp:UpdatePanel ID="ContentUpdatePanel" runat="server" ChildrenAsTriggers="true">
    <ContentTemplate>
        <asp:GridView ID="OrderGrid" runat="server" AllowPaging="false" AllowSorting="false"
            AutoGenerateColumns="false">
            <Columns>
                <asp:TemplateField HeaderText="">
                    <ItemTemplate>
                        <asp:LinkButton ID="MarkAsCompleteButton" runat="server" Text="MarkAsComplete"
                            CommandName="MarkAsComplete" CommandArgument='<%# Eval("Id") %>' />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="Name" HeaderText="Name" />
                <asp:BoundField DataField="LoadDate" HeaderText="Load Date" />
                <asp:BoundField DataField="EmployeeCutOffDate" HeaderText="Cut Off Date" />
                <asp:BoundField DataField="IsComplete" HeaderText="Is Completed" />
            </Columns>
        </asp:GridView>
    </ContentTemplate>
</asp:UpdatePanel>

Answer 1

您需要将每个 LinkBut​​ton 注册为 AsyncPostBackTrigger。在GridView中绑定每一行后，您需要搜索LinkBut​​ton并通过代码隐藏注册它，如下所示：

protected void OrderGrid_RowDataBound(object sender, GridViewRowEventArgs e)  
{  
   LinkButton lb = e.Row.FindControl("MarkAsCompleteButton") as LinkButton;  
   ScriptManager.GetCurrent(this).RegisterAsyncPostBackControl(lb);  
}  

这还需要为 LinkBut​​ton 设置 ClientIDMode="AutoID"，如 here 所述（感谢 Răzvan Panda 指出这一点）。

Answer 2

这可能是旧的，但我的解决方案是在 itemTemplate 内放置一个更新面板，在 gridview 之外放置一个。

触发器应该是gridview，外部触发器应该是gridview和PageIndexChanging。试试看。

Answer 3

我遇到了一个问题，我的一个表单工作正常 (page1)，另一个做整个回帖 (page2)。结果当我制作第二页时，我做了太多cut/paste，它仍然在表单定义中有一个javascript 调用。

< form id="form1" runat="server" onsubmit="return checkstuff();">

但是checkstuff 没有在page 2 中定义。

删除了onsubmit，部分帖子开始工作。

在工作页面 - 第 1 页中，定义了 checkstuff，但它只是一个存根，它只返回 true。只是为了笑，我在checkstuff 中发出警报，果然，所有提交都调用它，无论是否部分提交。而且，如果我将存根更改为只返回 false，则什么也没有发生。

在这一切中，javascript 仍在运行，就好像正在提交一个完整的页面。因此，请仔细检查您的客户端脚本。

Answer 4

我的网格视图处于条件模式。

protected void gvAgendamentoExclui_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow) {
            LinkButton lnk = e.Row.FindControl("LinkButton2") as LinkButton;
            AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();
            trigger.ControlID = lnk.UniqueID;
            trigger.EventName = "Click";
            UpdatePanel2.Triggers.Add(trigger);

        }
    }

在我放的链接按钮的点击事件中：

protected void LinkButton2_Click(object sender, EventArgs e)
    {
        UpdatePanel2.Update();
    }

Answer 5

您需要为每个 RowState 注册每个控件。 1：为 RowState = Alternate 和 Normal 注册您的控件） 2：为 RowState = Edit 注册您的控件 3：...

ASPX：

<asp:TemplateField HeaderText="">
                <ItemTemplate>
                    <asp:LinkButton runat="server" ID="Btn1" 
                        CommandName="Edit" CommandArgument='<%# Container.DataItemIndex + ";" + Eval("idinterlocuteur") %>'><i class="fa fa-pencil-square-o"></i></asp:LinkButton>
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:LinkButton ID="Btn2" runat="server" CommandName="Update" CommandArgument='<%# Container.DataItemIndex + ";" + Eval("idinterlocuteur") %>'><i class="fa fa-check"></i></asp:LinkButton>
                </EditItemTemplate>
            </asp:TemplateField>

后面的代码：

protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow 
        && (e.Row.RowState == DataControlRowState.Normal 
            || e.Row.RowState == DataControlRowState.Alternate))
    {
        LinkButton Btn1 = e.Row.FindControl("Btn1 ") as LinkButton; 
        ScriptManager.GetCurrent(this.Parent.Page).RegisterAsyncPostBackControl(Btn1 );
    }
    if (e.Row.RowType == DataControlRowType.DataRow 
        && e.Row.RowState == DataControlRowState.Edit)
    {
        LinkButton Btn2 = e.Row.FindControl("Btn2 ") as LinkButton;
        ScriptManager.GetCurrent(this.Parent.Page).RegisterAsyncPostBackControl(Btn2 );      
    }
}

Answer 6

可能不建议这样做，但您可以通过排除 AsyncPostBackTrigger 上的 EventName 来使 GridView 上的所有内容异步工作，例如

<Triggers>
  <asp:AsyncPostBackTrigger ControlID="OrderGrid" />
</Triggers>

这将使 RowCommand 事件和 GridView 上的任何其他事件异步触发。另请注意，当您在 GridView 上设置 ClientIDMode="Static" 时，它将导致完整的回发。

Answer 7

将以下元素放入 web.config 文件中的 system.web 元素中

<xhtmlConformance mode="Transitional"/>

Answer 8

MSDN 指定 UpdatePanel.ChildrenAsTriggers 属性“[g] 设置或设置一个值，该值指示来自 UpdatePanel 控件的直接子控件的回发是否更新面板的内容”（请参阅​​http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.childrenastriggers.aspx）。

由于您的 LinkBut​​ton 似乎不是“直接子控件”，因此我建议将您的 LinkBut​​ton 配置为显式 AsyncPostBackTrigger。

在您的 标签下，尝试添加：

<Triggers>
  <asp:AsyncPostBackTrigger ControlID="MarkAsCompleteButton" EventName="Click" />
</Triggers>