Question

我正在使用Page.ClientScript.RegisterStartupScript来显示提醒消息。它适用于第一条消息，但第二条消息不会显示。虽然它在调试时通过代码。

以下是代码。此处仅显示 FiveDot File上传成功消息。

Page.ClientScript.RegisterStartupScript(GetType(), "msgbox", "alert('FiveDot File uploaded successfully');", true);
Page.ClientScript.RegisterStartupScript(GetType(), "msgbox", "alert('TwoDot File uploaded successfully');", true);

我将根据特定条件在网页中显示多条提醒消息。

Answer 1

使用不同的类型或密钥将第二个脚本注册为：

客户端脚本由其密钥及其类型唯一标识。具有相同密钥和类型的脚本被视为重复。只有一个具有给定类型和密钥对的脚本可以在页面中注册。尝试注册已注册的脚本不会创建脚本的副本。

（摘自MSDN）

或者只是连接两个脚本字符串。

Page.ClientScript.RegisterStartupScript(GetType(), "msgbox", "alert('FiveDot File uploaded successfully'); alert('TwoDot File uploaded successfully');", true);

Answer 2

使用不同的密钥

Page.ClientScript.RegisterStartupScript(GetType(), "msgbox", "alert('FiveDot File uploaded successfully');", true);
Page.ClientScript.RegisterStartupScript(GetType(), "msgbox1", "alert('TwoDot File uploaded successfully');", true);

Answer 3

具有多个弹出模式类型的解决方案

ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString("N"), "openModal('" + id + "','" + Title + "','" + Message + "');", true);

下面的脚本应保存在母版页

中

<script type="text/javascript">
    function openModal(id, title, message) {
        $('#' + id + ' .modal-header h4').html(title);
        $('#' + id + ' .modal-body').html(message);
        $('#' + id).modal('show');
    }
</script>

这里参数id包含相应的bootstrap模态（默认，信息，危险，警告，成功）

将以下内容放在母版页面表格标签中，然后将类名“modal-primary”替换为“modal-info”，“modal-warning”，“modal-dialog”，“modal-success”重复相同的操作， “莫代尔-危险”。

<div class="example-modal">
  <div class="modal modal-primary" id="primaryModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal Primary</h4>
        </div>
        <div class="modal-body">
        <p>One fine body&hellip;</p>
        </div>
        <div class="modal-footer">
        <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button>
        </div>
      </div>
<!-- /.modal-content -->
    </div>
<!-- /.modal-dialog -->
  </div>
<!-- /.modal -->
</div>
<!-- /.example-modal -->

在您的母版页中添加对bootstrap.min.js和bootstrap.min.css的引用

这将启用bootstrap模型弹出窗口。

参考：source

Page.ClientScript.RegisterStartupScript第二次不显示消息

3 个答案: