web-dev-qa-db-ja.com

Page.ClientScript.RegisterStartupScriptが2回目のメッセージを表示しない

警告メッセージの表示にPage.ClientScript.RegisterStartupScriptを使用しています。最初のメッセージでは正常に機能しますが、2番目のメッセージは表示されません。デバッグ中にコードを通過しますが。

以下はコードです。ここにのみFiveDotファイルは正常にアップロードされましたメッセージが表示されます。

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

特定の条件に基づいて、Webページに複数のアラートメッセージを表示する必要があります。

c#alert
10
Interstellar

別のタイプまたはキーを使用して、2番目のスクリプトを次のように登録します。

クライアントスクリプトは、キーとタイプによって一意に識別されます。同じキーとタイプのスクリプトは重複していると見なされます。特定のタイプとキーのペアを持つスクリプトは、ページに1つだけ登録できます。すでに登録されているスクリプトを登録しようとしても、スクリプトの複製は作成されません。

（ [〜＃〜] msdn [〜＃〜] から取得）

または、両方のスクリプト文字列を連結します。

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

別のキーを使用する

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

複数のポップアップモーダルタイプのソリューション

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（default、info、danger、warning、success）

以下をマスターページフォームタグに配置し、クラス名「modal-primary」を「modal-info」、「modal-warning」、「modal-dialog」、「modal-success」、「modal」に置き換えて同じことを繰り返します。 -危険"。

<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モデルのポップアップが有効になります。

参照： ソース

1
Pranesh Janarthanan