ButtonField 确认点击不起作用

Question

我试图在拍摄动作之前显示一个确认框。

aspx 文件中有我的代码：

JavaScript

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
        $(".alterarStatus").click(function () {
            return confirm('Tem certeza que deseja alterar o status?');
        });
      </script>

按钮字段：

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

但确认框永远不会出现

有生成的 HTML

http://pastebin.com/1vwReChK

编辑：

正在拍摄且之前没有出现提示的功能

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

            if (commandname.Equals("atender"))
            {
//I want to show an alert before execute this action
         }
}

Answer 1

您的代码的主要问题是，您正在调用您的 javascript 代码并且 plugin 在一个错误的脚本中。

应该是这样的：-

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

 <script type="text/javascript">
    $(function () { 
        $(".alterarStatus").click(function () {
            alert('Tem certeza que deseja alterar o status?');
        });
    });
</script>

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

希望对你有帮助

Answer 2

您不能同时拥有<script> 标记和src 和内容，创建两个脚本标记，它应该可以工作。也可以尝试将其包装在 document ready:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
    $(function() {  //equivalient of $(document).ready(function() {
        $(".alterarStatus").click(function () {
            return confirm('Tem certeza que deseja alterar o status?');
        });
    });
</script>

来源：https://stackoverflow.com/a/29414108/526704

我认为ButtonField 正在使用runat="server" 创建按钮，因此当您按下它们时它会回发。尝试将其创建为 TemplateField 并改为使用 <input type="button" class="alterarStatus" >。

您可以在生成的 html 中看到您正在使用 onclick=__doPostBack()s 获取输入，这会阻止 javascript 触发，因为它正在回发。

<input type="button" value="Status" onclick="javascript:__doPostBack('GridView1','atender$4')" class="alterarStatus" />

<asp:TemplateColumn>
   <ItemTemplate>
      <input type="button" class="alterarStatus" value="Alterar Status" />
   </ItemTemplate>
<asp:TemplateColumn>