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

Question

我正在使用Page.ClientScript.RegisterStartupScript来显示警报消息。对于第一条消息，它可以正常工作，但是第二条消息不会显示。尽管在调试时通过了代码。

以下是代码。这里只显示了 FiveDot文件上传成功 的消息。

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

根据某些条件，我需要在网页中显示多个警告消息。

- Interstellar

Answer 1

使用不同的类型或键来注册第二个脚本：

客户端脚本由其键和类型唯一标识。具有相同键和类型的脚本被视为重复项。 给定类型和键对的页面只能注册一个脚本。尝试注册已经注册的脚本不会创建脚本的副本。

(摘自MSDN)

或者将两个脚本字符串连接起来。

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

- gzaxx

Answer 2

使用不同的密钥

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

- Zaid Bin Irfan

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”，“modal-danger”来重复相同操作。

<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。

- Pranesh Janarthanan