Javascript 带OnClick按钮的引导模式不工作

你好

我在Asp.Net中有一个GridView，如果用户单击

标记，它将启动一个包含所选网格行值的模式。代码使用javascript命令检索数据，然后将其分发到指定的模式

问题是，

文件名

被传递到隐藏的模态文本框。现在，模式内部有一个

OnClick

command按钮，如果单击该按钮，将触发该命令

我已经尝试过了，它运行良好，但是当我添加其他模式（主要用于添加目的）时，按钮上的命令不再起作用。如果我尝试删除其他模式，该命令现在就起作用了。我不明白为什么会这样

网格视图按钮

<a data-id="<%#Eval("Id") %>"  title="Delete User" class="open-DeleteDialog btn btn-danger" data-toggle="modal" data-target="#DeleteUser">Delete</a>

冲突模式的代码隐藏

   <div class="modal fade" id="DeleteUser" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle1" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content">

       <!-- Modal Head -->
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle1">Modal title</h5>
      </div>

      <!-- Modal Body -->
      <div class="modal-body">
      <div class="form-horizontal">
         <h2>Are you sure you want to delete this user?</h2>
         <div class="form-group">
            <div class="col-md-10">
                <asp:TextBox runat="server" ID="IdVal" CssClass="form-control" />
            </div>
        </div>
      </div>      
      </div><!--End tag of Modal Body -->

      <!-- Modal Footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <asp:Button runat="server" OnClick="Delete1User_Click" onServerClick="Delete1User_Click" Text="Delete User" CssClass="btn btn-Success" />
      </div>

  </div>
  </div>
  </div>

    <!-- Add Modal -->
   <div class="modal fade" id="AddUser" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
   <div class="modal-content">

       <!-- Modal Head -->
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
      </div>

      <!-- Modal Body -->
      <div class="modal-body">
      Some code here
    </div>      
    </div><!--End tag of Modal Body -->

      <!-- Modal Footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <asp:Button runat="server" OnClick="CreateUser_Click" Text="Add User" CssClass="btn btn-Success" />
      </div>


  </div>
  </div>
  </div>

protected void DeleteUser_Click(object sender, EventArgs e)
        {
            conn.Open();
            SqlCommand cmd = new SqlCommand("sp_deleteuser", conn);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("UserId", bookId1.Text);
            cmd.ExecuteNonQuery();
            cmd.Dispose();
            conn.Close();

            Response.Redirect(Request.RawUrl);
        }

protected void CreateUser_Click(object sender, EventArgs e)
{
 Some code here
}

为什么在模式中会发生冲突，其中我的删除按钮命令不起作用，但仍然可以单击？除此之外，即使我向我的按钮添加一个引导类，它也不起作用

---

提前谢谢

好的。我在老师的帮助下解决了这个问题。因为我有另一个模式，里面有一个

ControlToValidate

，发生的事情是其他模式值被验证，因为它里面并没有值，所以什么也并没有发生。我可以通过添加以下代码绕过此问题：

CausesValidation=“False”

---

好的。我在老师的帮助下解决了这个问题。因为我有另一个模式，里面有一个

ControlToValidate

，发生的事情是其他模式值被验证，因为它里面并没有值，所以什么也并没有发生。我可以通过添加以下代码绕过此问题：

CausesValidation=“False”

对于Web应用程序，模式对话框并不真正“起作用”。我能想到的最接近的等价物是打开另一个浏览器窗口/注册卡，而其中一个充满了危险有没有可能不用这个东西？@Christopher先生使用modal和gridview制作基本crud的最佳方法是什么？起初我一直在尝试Asp:LinkButton，但启动itI仍然失败。我在主题上找到了一个较旧的答案：|但值得重复：Web应用程序中的模式对话框与桌面技术中的模式对话框不同。在WindowsForms中，“模态对话框”是使用ShowDialog（）打开的正常窗体。在新的浏览器窗口/注册卡中打开“链接”将是我唯一能想到的事情。@Christopher我看到了链接。这与我上面的代码的逻辑有些相同，我的唯一缺点是OnClick事件不起作用。模式对话框对于Web应用程序来说并不真正“起作用”。我能想到的最接近的等价物是打开另一个浏览器窗口/注册卡，而其中一个充满了危险有没有可能不用这个东西？@Christopher先生使用modal和gridview制作基本crud的最佳方法是什么？起初我一直在尝试Asp:LinkButton，但启动itI仍然失败。我在主题上找到了一个较旧的答案：|但值得重复：Web应用程序中的模式对话框与桌面技术中的模式对话框不同。在WindowsForms中，“模态对话框”是使用ShowDialog（）打开的正常窗体。在新的浏览器窗口/注册卡中打开“链接”将是我唯一能想到的事情。@Christopher我看到了链接。这与我上面的代码的逻辑有些相同，我的唯一缺点是OnClick事件不起作用。

protected void CreateUser_Click(object sender, EventArgs e)
{
 Some code here
}

<asp:Button Id="btnDeleteUser" runat="server" Text="Delete User" OnClick="DeleteUser_Click"  CssClass="btn btn-Success" CausesValidation="False" />