2017-06-20 10 views
0

モーダルが遅れて奇妙にポップアップします。デバッグモードでは、ModalPopupExtender2.Show();行はすでに実行されています。マスターページのモーダルポップアップ - ウェブフォーム

Master.Master.cs

protected void Page_Load(object sender, EventArgs e) 
{ 
    ModalPopupExtender2.Show(); 
} 

Master.Master

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %> 
<form id="form1" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager> 

<asp:Label ID="lbldummy" runat="server" Text=""></asp:Label> 

<act:ModalPopupExtender ID="ModalPopupExtender2" runat="server" BackgroundCssClass="modalpop" TargetControlID="lbldummy" PopupControlID="button"> 

<div class="modal-dialog modal-md modal-scrollable" id="button" runat="server"> 
// some content 
</div> 

</form> 

なぜ私のモーダルポップアップゆっくり?私は2〜3秒以内に考えます。

トラブルシューティングのために、私はすでにJavaScriptを使用してModalPopupExtenderを表示しようとしましたが、正常に動作します。

ありがとうございます。

+0

おそらく、ModalPopupExtenderが遅く、Webフォームが遅いため、速度が遅くなるようなことをしないように注意する必要があります。これらのリーキーな抽象化に頼るのではなく、クライアント側の開発方法を学ぶ時間を取ってみませんか?ライブラリを選択し、それを使用して、サーバとのやりとりを必要とせずにすばらしいポップアップを作成します。 [Boostrap Modals](http://getbootstrap.com/javascript/#modals)や[jQuery UI Dialog](https://jqueryui.com/dialog/)のようなものです。 – mason

+0

あなたはそうです。モーダルのためのクライアント側の開発を選ぶのが良いです。 ModalPopupExtenderはマスターページにないWebFormsで正常に動作します。言い換えれば、私のModalPopupExtenderをマスターに置くと、この問題が発生し、デバッグモードでマスターページに2〜3秒以内に常に戻ってモーダルポップアップが表示されます。 – Joseph

+0

トラブルシューティングのため、私はすでにJavaScriptを使用してModalPopupExtenderを表示しようとしましたが、遅滞なく正常に動作します。 – Joseph

答えて

0

ASP.NET - Life Cycleによると、Page Loadはすぐに呼び出されます。残りのサーバー関数呼び出しが完了し、ブラウザがクライアント上でhtmlのレンダリングを完了する前に、ポップアップは表示されません。 これは、コードの残りの部分で何が起きているかを提供するまで、遅延の原因と思われます。

+0

多分あなたは正しいです、私はマスターページ以外の他のウェブフォームでなぜ知りません。このモーダルポップアップは遅滞なく正常に動作します。 modalshowはページの読み込みにも注意してください。私が意味するものを得ることを願っています。 – Joseph

+0

また、この例に基づいてhttp://www.c-sharpcorner.com/UploadFile/8911c4/page-life-cycle-with-examples-in-Asp-Net/ Page Loadにコントロールを置くと、最初のロードでロードする – Joseph

+0

コードがない同じマスターページを持つ他のページで遅延を記録するのは気になりますか? マスターページで新しいWebフォームを作成してみてください。 –

関連する問題