Question

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

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

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

Answer 1

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

然而，有许多第三方插件，它们提供弹出控件。

你可以创建自己的。弹出窗口只是一个隐藏的容器，它出现在某个动作上，其位置和背景符合您的选择。

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

<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

Answer 2

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

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

这基本上就是你需要做的所有事情，但是关于这个话题的更多阅读不会受到伤害。祝你好运。

弹出窗口以选择ASP.NET上的项目

2 个答案: