Question

我正在寻找在另一个ASP.NET页面的ASP.NET中实现模式弹出窗口的最佳方法。我正在编写Firefox 2.x +并且可以使用JQuery，但我对它不是很熟悉。

我看到很多使用“AJAX”的解决方案，但我不确定在什么情况下，所以我没有走这条路。

Answer 1

我正在使用jQuery UI Dialog插件。效果很好。可以在http://docs.jquery.com/UI找到该插件的文档。

Answer 2

我已经使用了ajax模态扩展器以及jQuery jqModal，两者都运行得很好。在一天结束时，这个决定应该归结为代码的其余部分，每个代码的舒适度等等。

如果我今天选择一个选项，我可能会为jQuery选择jqModal或简单模态。我现在对这些很满意。

Answer 3

对于简单的模态显示，我发现BlockUI是一个很好的解决方案。

例如，这是一篇关于using BlockUI as a modal progress indicator的帖子，这里有关于using BlockUI to display a modal confirmation dialog的帖子。

如果你需要更复杂的东西，我会使用jQueryUI对话框。

Answer 4

我使用过AjaxControlToolkit但@tvanfosson提出的jQuery选项看起来好多了

Answer 5

你可以使用来自Telerik的radWindow，像tvanfosson推荐的jQuery UI Dialog插件，或者你可以看看

http://vision-media.ca/resources/jquery/jquery-popup-plugin-review查看弹出窗口的一些jQuery插件。

只有radWindow的经验，我可以告诉你，使用radWindow，你可能不得不使用一些黑客和怪癖来使它正常工作，但如果你给它足够的时间，结果是好的。

Answer 6

我使用DOM方法创建自己的。我发现它比将这些插件适用于我们的CSS要简单得多。

模态只是一个带背景的绝对定位窗口。我们使用带有浮动内容的较大透明容器制作我们的产品。

我使用的函数返回一些带有浮动内容的html。用于模态框的类应绝对定位为高z层。

function create_modal(doc_id,css_class,append_to)
{
if(typeof append_to==='undefined'){append_to='content';}
var container=document.getElementById(append_to);
if(!container){return false;}
var modal_box=document.createElement('div');
container.appendChild(modal_box);
modal_box.id=doc_id;
modal_box.className=css_class;
return modal_box;
}

var modal_window=create_modal('modal_id','a_css_class');
if(!modal_window){return false;}
modal_window.innerHTML=function_or_var_providing_html();

所以，没有10或15 k的插件，这一切都很简单！

ASP.NET中模态屏幕的最佳选择

6 个答案: