在gridview中单击按钮，在更新面板中不触发

本文关键字：gridview 单击 按钮 更新 | 更新日期: 2023-09-27 18:01:30

<asp:Timer ID="timer1" runat="server" Interval="1000" OnTick="Timer1_Tick" />
<asp:UpdatePanel runat="server" id="pnlUpdate">
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="timer1" eventname="Tick"/>
    </Triggers>
    <ContentTemplate>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="table table-hover table-condensed" 
            GridLines="None" AllowPaging="true" PageSize="20"
            OnPageIndexChanging="GridView1_PageIndexChanging">
        <Columns>
            <asp:BoundField ItemStyle-Width="50%" DataField="Story" HeaderText="Story"/>
            <asp:BoundField ItemStyle-Width="15%" ItemStyle-Wrap="false" DataField="AssignedTo" HeaderText="Assigned To"/>
            <asp:BoundField ItemStyle-Width="15%" ItemStyle-Wrap="false" DataField="Status" HeaderText="Status"/>
            <asp:BoundField ItemStyle-Width="15%" ItemStyle-Wrap="false" DataField="Started" HeaderText="Started"/>
            <asp:BoundField ItemStyle-Width="5%" ItemStyle-Wrap="false" DataField="Updated" HeaderText="Updated"/>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Button ID="Buttonid" runat="server" CommandName="ViewItem" Text="View"  BorderStyle="None" BackColor="White" 
                        OnClick="Button_click_event"></asp:Button>   
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
        <RowStyle CssClass="cursor-pointer" />
        </asp:GridView>
    </ContentTemplate>
</asp:UpdatePanel>

Button_click_event不会触发当我有更新面板，但它工作时，它不在更新面板

在gridview中单击按钮，在更新面板中不触发

你的更新面板看起来像

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

尝试设置UpdateMode="Conditional"和ChildrenAsTriggers="False"到UpdatePanel..

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

还删除EventName属性为您的触发器，并再次尝试…

删除按钮的属性然后尝试，如果不工作也添加属性按钮UseSubmitBehaviour=true

可以用多种方法解决这个问题。一种方法是在代码中添加可以处理onclick事件的控件(例如div)，然后在可单击控件中添加回发处理程序:

HtmlGenericControl div = (HtmlGenericControl)e.Row.FindControl("Buttonid");
div.Attributes.Add("onclick", Page.ClientScript.GetPostBackEventReference(GridView1, "Select$" + e.Row.RowIndex.ToString()));

或者，我实现了另一个适合我的解决方案:

在gridview外放置一个按钮，但在Updatepanel内。另外，添加一个隐藏控件，用于存储单击的rowindex。然后添加到您的模板字段'可点击的div'(在其中你可以把你的文本标签)，调用javascript。类似这样的内容(您可以添加一个display none样式来隐藏按钮):

  <asp:Button id="Buttonid" runat="server" OnClick="Button_click_event" />
  <asp:HiddenField ID="hdnRowClicked" runat="server" Value="" />
    
  <itemtemplate>
    <div onclick="javascript:rowClicked('<%= Buttonid.ClientID %>','<%= hdnRowClicked.ClientID %>', this);">
      <asp:Label ID="lblImgDetail" runat="server" Text="+"></asp:Label>    
    </div>
  </itemtemplate>

然后在javascript函数中，设置rowindex并调用按钮来执行回发:

    function rowClicked(btnId, hdnRowSelected, lnk) {
        var rowIndex = lnk.parentNode.parentNode.rowIndex - 1;
        $('#' + hdnRowSelected).val(rowIndex);
        $('#' + btnId).click();
    }

相关文章：