弹出 HTML div 以选择列答案

【问题标题】：HTML divs popup to select columns弹出 HTML div 以选择列
【发布时间】：2009-03-31 21:00:14
【问题描述】：

我有一个 Web 应用程序（ASP.NET2.0 C#），其中有一个从数据源获取数据的 gridview。

我想添加以下功能：用户可以单击“选择列”按钮，然后弹出一个包含所有列列表的框（可能是 div 中的复选框列表），这样，用户可以选择他们想要查看的列，然后单击另一个按钮“显示”，列列表消失，表格显示用户选择的列。

我已经实现了列选择部分，但我需要帮助的是弹出部分。如何使 div 弹出然后消失？

该解决方案可能需要 javascript，我可能还没有弄清楚，因为我不太了解 javascript。

谢谢。

【问题讨论】：

【解决方案1】：

嗨，最好将 div 的显示设置为无，而不是将可见性设置为隐藏。如果可见性设置为隐藏，即使 div 没有显示，但它会占用渲染空间，在某些情况下可能不是那么好。

您可以使用 createNode 动态创建一个 div，然后根据您的方便通过绝对定位和设置顶部和左侧，您可以将 div 对齐到页面中的任何部分。如果你可以在 div 弹出时禁用背景，那就更好了。

【讨论】：

【解决方案2】：

创建 div 并设置 visible=false。当您想弹出它时，编写 javascript 以将其设置为可见 = true。这是一个很好的指针http://lists.evolt.org/archive/Week-of-Mon-20020624/116151.html

【讨论】：