要防止Bootstrap Modal在GridView项目点击时关闭,可以通过以下步骤实现:
event.stopPropagation()
方法来实现,该方法可以阻止事件冒泡,从而防止Modal关闭。modal('show')
来手动打开Modal。下面是一个示例代码:
<!-- HTML代码 -->
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal内容 -->
</div>
</div>
</div>
<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">
<!-- GridView的列定义 -->
</asp:GridView>
// JavaScript代码
<script>
$(document).ready(function () {
// 在GridView的行点击事件中阻止Modal关闭事件传播
$('#GridView1').on('click', 'tr', function (e) {
e.stopPropagation();
});
// 在GridView的行点击事件中手动打开Modal
$('#GridView1').on('click', 'tr', function () {
$('#myModal').modal('show');
});
});
</script>
这样,当点击GridView的行时,Modal不会关闭,而是保持打开状态。
领取专属 10元无门槛券
手把手带您无忧上云