使用 javascript 使面板可见

Question

我有一个面板，其属性 Visible 设置为 False

<asp:Panel ID="pnlUpload" runat="server" Visible="False" />

，我尝试使用 javascript 作为下面的代码使其可见

document.getElementById('<%= Panel1.ClientID %>').style.visibility = 'visible';

，但它不起作用，有什么想法吗？

Answer 1

设置 Visible="false" 会使面板不在生成的 HTML 中呈现。如果你想让它在客户端显示/隐藏，你需要使它 Visible="true" 并使用 CSS 类/在具有“display”属性的样式属性中，其值为“block”或“none”必需的。

Answer 2

我以零 ASP 经验来回答这个问题，但有很多 JS/HTML/CSS 经验，所以如果我完全错了，请耐心等待......

我会说 Visible="False" 标签不是相当于 CSS style="visibility:hidden;" 因此 JS 调用不会产生任何效果。

Answer 3

为了显示 asp 控件，您需要使用属性

ClientVisible

示例：

<asp:Panel ID="someId" runat="server" ClientInstanceName="someIdClient" ClientVisible="False" />

正如上一篇文章中提到的属性

Visible="False"

导致不渲染控件。

为了通过 Javascript 访问隐藏控件，您只需输入：

function myFunction(){ someIdClient.SetVisible(true) 

Answer 4

我尝试了 .style.visibility = 'visible' 和visible="true" 和 .style.display = 'block'
和 .style.display = 'inline' 所有这些都不起作用。
但如果你写 .style.display = 'none' 它就可以工作。
任何人都知道解决方案
请告诉我
谢谢

Answer 5

我的回答几乎是零 ASP 经验，例如 Flash84x :-)

似乎在 asp 中，当您设置“Visibile=false”时，不会创建面板。

如果您想使用自定义 JavaScript 而不是 .NET 工具来显示、隐藏面板，您应该直接在标签中应用样式，如下所示：

<asp:Panel id="pnlUpload" runat="server"
  Style="visibility:hidden;background-color:#CC9999; 

color:#FFFFFF;宽度：200；身高：200；
边框：实心1；填充：10">
......

然后它会在 html 中呈现类似这样的东西
:

<div id="pnlUpload" class="text" style="visibility:hidden;

背景颜色:#CC9999;颜色：#FFFFFF；宽度：200；
身高：200；边框：实心1；填充：10">
.....

</div>

当然相应的javascript是：

<script language="JavaScript">
document.getElementById('pnlUpload').style.visibility = 'visible';
</script>

Answer 6

请将您的面板放在 div 中
更改样式

<div>
<asp:Panel ID="pnlUpload" runat="server" Visible="False" />
</div>

并使用以下方式javascript

function visible()
{
document.getElementById('<%=pnlUpload.ClientID %>').style.display = 'block'
}

Answer 7

不要使用可见性使用这个..

document.getElementById("<%=myPanel.ClientID%>").style.display = "none"; //not visible
document.getElementById("<%=myPanel.ClientID%>").style.display = "inline"; //visible