Panel.Visible = false不会添加到DOM吗？

Question

我有一个.aspx，其中我从后面的代码中动态添加了几个面板。 我想根据某些条件显示或隐藏它们。 所以我在用。

Panel P1=new Panel();
Panel P2=new Panel();
P1.Visible=P2.Visible=false;
if(//Panel1 condition is true)
P1.Visible=true;
if(//Panel2 condition is true)
    P2.Visible=true;

现在，当我在开发人员工具中查看DOM时，没有标记相应的隐藏面板。 我所看到的只是可见面板的标记。 我认为.Visible=false将为元素的样式添加display:none ， .Visible=true将为元素的样式添加display:block ，因此我可以根据需要使用javascript进行一些DOM操作。 我的理解是错误的还是我在这里错过了什么？

Answer 1

服务器端对象Visible = false从呈现中删除其HTML代码

要使其具有CSS Visible = false：

采用：

System.Web.UI.WebControls.Panel panel = new System.Web.UI.WebControls.Panel();
panel.Style["display"] = "none";

Answer 2

.Visible=false代码不会在客户端渲染该元素。 您将无法在dom上访问此元素。

要在客户端使用元素，请使用class或html style属性

像：创建隐藏的类，如下所示

.hidden
{
display:none;
}

使用此类并添加面板，然后它也可以在DOM中访问。

Answer 3

摆脱早期困境的关键是服务器和客户端呈现的内容之间的差异。

Asp.Net将解释您的HTML驱动的.aspx文档中的元素，并将特定的元素（如面板，日历，按钮，文本框）呈现为div，带有按钮的许多div，按钮和inputfield / textarea。

如果要在客户端中用快速且肮脏的“ display：none ”隐藏一个元素，则该元素将被页面的访问者隐藏，但是您仍然可以通过DOM来访问它。 用户选择使用“ visible = false”隐藏的元素也以相同的方式隐藏。 这是通过不打印请求的HTML中的元素来完成的，但是您仍然可以从服务器端代码中访问该元素。

服务器端就是要发送尽可能少的数据。 为什么服务器需要发送永远不会显示的HTML。