保持 div 在回发时显示

Question

我有一个网络用户控件和一个div在里面;一些 jQuery 会切换 div 的可见性。还有一个 asp:button 可以启动一些服务器端代码。

我需要在回发后恢复 div 的可见性。

我正在关注 中发布的更新解决方案这篇文章的解决方案。这是我的代码：

在 ascx 的顶部，在寄存器之后：

<script>
function SetHiddenValue()
{        
   var campo = document.getElementById("<% =hidHiddenField.ClientID %>");
   if(campo.Value == "NO")
   {               
      document.getElementById("<% =hidHiddenField.ClientID %>").Value = "SI";  
   }
   else
   {
      document.getElementById("<% =hidHiddenField.ClientID %>").Value = "NO";
   }        
}
</script>

div 定义：

<div id="divContenidoMetricas" style='<%= DefinirVisibilidad() %>'>

在同一个 Web 用户控件中：

<asp:ImageButton runat="server" ImageUrl="~/Themes/Images/buscar.PNG" OnClick="btnFiltrar_Click"
                    ID="btnFiltrar" OnClientClick="SetHiddenValue()" />

在 ascx.cs 中：

protected string DefinirVisibilidad()
{
   return this.hidHiddenField.Value == "SI" ? "display:block" : "display:none";
} 

它只是不起作用。 hidHiddenField.Value 始终以相同的值到达服务器代码 (DefinirVisibilidad())。

非常感谢您的帮助...我的客户端代码知识有点被 ASP.NET 破坏了，所以我陷入了困境。

已解决

我将“值”替换为“值”，这解决了问题。它正在工作！

Answer 1

请尝试一下：

function SetHiddenValue()
{        
   var campo = document.getElementById("<% =hidHiddenField.ClientID %>");
   var display = document.getElementById("divContenidoMetricas").style.display;

   if(display == "block")
   {               
      campo.value = "SI";  
   }
   else
   {
      campo.value = "NO";
   }        
}

编辑：将“Value”替换为“value”。

Answer 2

使用 jQuery 将其设置为文档就绪怎么样？

$(document).ready(function() {
  var showDiv = <%= DefinirVisibilidad() %>;
  if (showDiv != true) {
    $('#divContenidoMetricas').hide();
  }
});

而不是直接使用 <% %> 设置样式；块。

Answer 3

值必须是小写，因此替换后有效：

   if(campo.value == "NO")
   {               
      document.getElementById("<% =hidHiddenField.ClientID %>").value = "SI";  
   }
   else
   {
      document.getElementById("<% =hidHiddenField.ClientID %>").value = "NO";
   }