Question

我在Gridview中有一个ButtonField，我正在使用onRowCommand来触发操作。如果用户点击“取消”，我需要onRowCommand事件中的确认框返回/跳过代码

这是grid.aspx.cs

  protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
    {
        string commandname = e.CommandName;

        if (commandname.Equals("atender"))
        {
              // here there are the codes...I need a confirmation box here which skip these codes if the user click in cancel

          }
       }

这是我的gridview中的asp

          <asp:GridView  ID="GridView1" runat="server" CellPadding="4" 
        BorderStyle="None" BorderWidth="0px" CellSpacing="1" Width="100%" 
            GridLines="Vertical" AllowPaging="True" onrowcommand="GridView1_RowCommand" 
            onselectedindexchanged="GridView1_SelectedIndexChanged" 
            onpageindexchanging="GridView1_PageIndexChanging" 
            onrowdatabound="GridView1_RowDataBound" PageSize="5" HorizontalAlign=Left
            >
                            <PagerStyle HorizontalAlign="Center" />
                            <RowStyle CssClass="tabela_texto2" HorizontalAlign="Center" 
                                VerticalAlign="Middle" />
                <AlternatingRowStyle CssClass="tabela_texto1" />

        <Columns>
            <asp:ButtonField Text="Status" CommandName="atender" ButtonType="Button" />
            <asp:ButtonField Text="Ver no mapa" CommandName="ver" ButtonType="Button" />
        </Columns>
    </asp:GridView>

Answer 1

您应该使用Javascript或Jquery在浏览器（客户端）中获取控件，以使其成为：
1）将一个ControlStyle-CssClass添加到ButtonField：

<asp:ButtonField ControlStyle-CssClass="botonTransaccional" Text="Status" CommandName="atender" ButtonType="Button" />

2）从http://code.jquery.com/jquery-1.11.2.min.js下载JQuery库（单JS文件） 3）将文件保存在应用程序的目录中（在JS文件夹中的示例中）
4）在HTML中添加引用，添加jquery功能以控制客户端的事件（可以在HTML文档的头部添加）。

   <script src="/js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $(".botonTransaccional").click(funtion(e) {
        if (confirm("Are you sure?") == false)
        {
          e.preventDefault();
        }  
      });
    });
  </script>
<br>

e.PreventDefault（）函数阻止了控件的Event Default，在一个按钮元素中，Default是PostBack o Submit to the server。

GridView rowcommand确认框

1 个答案: