2013-01-19 62 views
1

我正在研究這個ASP.Net,我必須實現一個模式彈出窗口,而且我對如何實現這一點猶豫不決。我有各種解決方案,但我覺得它們不夠優雅。Asp.Net Modal Pop-Up

首先,我一直猶豫在使用ASp.Net ModalPopupExtender和使用jQuery來顯示模態彈出窗口。我更喜歡jQuery,但我擔心不兼容。另一方面,當我過去使用Modal Popup Extenders時,我發現代碼有點複雜。微軟的東西在他們認爲你應該這樣做的時候工作得很好,但是大多數情況下,我得到的要求是針對不同的情況,微軟的控制不能直接使用。

其次,我在加載部分html和在模態彈出窗口中使用iFrame之間猶豫不決。我寧願避免使用iFrame,因爲要控制模式彈出窗口,並通過按下iFrame中的按鈕來關閉模式彈出窗口(我知道這樣做的方法,但我覺得他們有點尷尬)。但是,我不知道如何在模式彈出框中顯示一系列內容頁面,如下面的示例所示,而不使用iFrame。可以做到嗎?

首先,有一個鏈接,打開解模式彈出主頁: Main Page 在初始模式彈出,顯示一些信息,並有可能關閉德彈出窗口或啓動一些處理: Modal Pop-Up 1 然後在處理期間模式彈出窗口中顯示Please Wait消息: Modal Pop-Up 2 處理完成後,結果摘要將顯示在彈出窗口中。此時,可以點擊鏈接查看更多詳細信息,也可以單擊按鈕關閉模式彈出窗口: Modal Pop-Up 3 如果用戶單擊某個鏈接以查看詳細信息,這些信息將顯示在模式彈出。彈出窗口必須調整大小: Modal Pop-Up 4

回答

0

here是一些您可以使用的jquery彈出式插件。

+0

我知道如何打開jQuery模態彈出窗口。我的問題更多的是如何更新模式彈出窗口中的頁面部分。假設我在模態彈出框中有一個表單,提交表單不會簡單地關閉模態,但它顯示一些結果,可以選擇關閉模式或單擊鏈接以查看模式中的更多信息。另外,我希望驗證能夠在表單上正常工作。 –

+0

將相同的彈出式CSS應用於您需要的所有表單,並根據您的需要顯示/隱藏它們。我在我的一個項目中完成了這項工作。 – Ankit

+0

您是否使用完整頁面更新,使用UpdatePanels進行部分頁面更新,或者在哪裏加載模態彈出窗口的內容? –

0

我最終使用了iFrame,但我相信Ankit的解決方案也能起作用。必須權衡每個解決方案對於他們的具體項目的利弊,以選擇合適的解決方案。