提交后在服务器端关闭Bootstrap模态框问题求助

很简单，你只需要在现有的提示脚本后面加上Bootstrap模态框的关闭代码就行，Bootstrap提供了专门的方法来控制模态框的显示/隐藏。

具体步骤： #

1. 确认你的模态框ID：首先找到你页面中Bootstrap模态框的id属性，比如假设你的模态框结构是这样的：

<div class="modal fade" id="myDraftModal" tabindex="-1" role="dialog">
  <!-- 模态框内部控件和内容 -->
</div>

那这里的核心选择器就是#myDraftModal，后面要用到这个。

2. 修改后台脚本注册代码：把关闭模态框的JavaScript代码追加到原来的alert后面，替换成你自己的模态框ID：

if (strMessage == "Success" && strSaveSubmit == "Draft") { 
    // 替换成你页面中实际的模态框ID
    string modalSelector = "#myDraftModal";
    // 组合提示信息和关闭模态框的脚本
    string startupScript = $"alert('Record Saved as Draft Successfully'); {modalSelector}.modal('hide');";
    // 注册脚本，注意把key换成更有意义的名称，避免和其他脚本冲突
    ClientScript.RegisterStartupScript(Page.GetType(), "successCloseModal", startupScript, true); 
}

优化用户体验（可选）： #

如果希望用户看完提示后停留几秒再自动关闭模态框，可以用setTimeout延迟执行关闭操作，让用户有足够时间看到提示：

string startupScript = $"alert('Record Saved as Draft Successfully'); setTimeout(function() {{ {modalSelector}.modal('hide'); }}, 1500);";

这里的1500是毫秒数，也就是1.5秒后关闭，你可以根据需求调整这个数值。

注意事项： #

• 确保你的页面已经正确加载了jQuery和Bootstrap的JS文件，因为modal('hide')方法依赖这两个库才能正常工作。
• 模态框的选择器一定要和页面中模态框的id完全匹配，包括大小写哦。

内容的提问来源于stack exchange，提问作者Nadeem