在 ASP.NET 上选择项目的弹出窗口答案

【问题标题】：Popup windows to select items on ASP.NET在 ASP.NET 上选择项目的弹出窗口
【发布时间】：2023-03-30 15:11:01
【问题描述】：

我是 ASP.NET 世界的新手，我需要做一个弹出窗口来选择一些数据。

这个想法是用户可以使用 CheckBox 选择一个或多个选项。当他按下一个按钮时，会出现一个弹出窗口，其中包含从数据库加载的选项列表。

我不知道如何使用这些选项创建一个弹出窗口并在弹出窗口关闭时接收选定的选项。但我知道如何使用中继器从数据库中执行选项列表。

【问题讨论】：

标签： c# asp.net popupwindow

【解决方案1】：

在 ASP.NET 中没有这样的弹出控件。

但是有许多 3rd 方插件，它们提供弹出控件。

您可以创建自己的。 popup 只不过是一个隐藏的容器，它在某些操作时出现，其位置和背景由您选择。

像这样创建一个弹出窗口：

<div class="parent">
    <div class="popup">
    </div>
</div>
<input type="button" value="popup" id="btnpopup" />

和css

.parent
{
    position:relative;
    background-color:#CCCCCC;
    width:200px;
    height:200px;
}
.popup
{
    width:50%;
    height:50%;
    position:relative;
    top:20%;
    left:20%;
    background-color:#DDDDDD;
    display:none;
}

和 jQuery 代码

$('#btnpopup').click(function(){
   $('.popup').toggle(200);
});

看到这个fiddle

【讨论】：

【解决方案2】：

您可以使用按钮的OnClientClick 打开弹出窗口。根据它是普通浏览器弹出窗口还是 jQuery 对话框，您有两个常规选项：

标准弹出窗口 标准弹出窗口就像它们是一个单独的页面一样打开。当您单击OK 时，如果触发弹出的页面上需要数据，您可能必须将选择存储到用户的会话中，或者将其直接存储在数据库中。如果是前者，当您返回页面并提交时，弹出窗口中的数据将在会话中可供处理。
jQuery 对话框 或特别是任何 js 触发的 html 对话框。可以在OnClientClick函数中再用对应的js显示出来，进行选择。在对话框的 OK 按钮上，几乎不需要任何东西（除了隐藏它）。由于对话框输入控件是页面的一部分，它们将在提交时发布并可以在服务器上进行处理。

这基本上就是您需要做的所有事情，但多阅读一些关于该主题的内容不会有什么坏处。祝你好运。

【讨论】：