Acceso a un control asp: hiddenfield en JavaScript

Question

¿Cuál es la mejor manera de acceder a un control ASP.NET HiddenField que está incrustado en un control ASP.NET PlaceHolder a través de JavaScript? El atributo Visible se establece en falso en la carga de la página inicial y se puede cambiar a través de una devolución de llamada AJAX.

Aquí está mi actual código fuente:

<script language="javascript" type="text/javascript"> 
    function AccessMyHiddenField() 
    { 
     var HiddenValue = document.getElementById("<%= MyHiddenField.ClientID %>").value; 

     //do my thing thing..... 
    } 
</script> 
<asp:PlaceHolder ID="MyPlaceHolder" runat="server" Visible="false"> 
    <asp:HiddenField ID="MyHiddenField" runat="server" /> 
</asp:PlaceHolder> 

EDIT: ¿Cómo se configura el estilo de una etiqueta div en el código ascx atrás en C#? Esta es la descripción del código detrás: CssStyleCollection HtmlControl.Style

ACTUALIZACIÓN: He sustituido el asp: HiddenField con un asp: etiqueta y Recibo un "indefinido" cuando puedo mostrar la variable HiddenValue en un cuadro de alerta . ¿Cómo resolvería esto?

ACTUALIZACIÓN 2: Seguí adelante y refactoré el código, reemplacé el control de campo oculto con un control de cuadro de texto y establecí el estilo en "display: none;". También eliminé la función JavaScript (fue utilizada por un control CustomValidator) y la reemplacé con un control RequiredFieldValidator.

Answer 1

Según tengo entendido, si configura los controles. Visible = falso durante la carga de la página inicial, no se procesa en la respuesta del cliente. Mi sugerencia para resolver su problema es

1. No utilice marcador de posición, a juzgar por el escenario, no se necesita realmente un marcador de posición, a menos que necesite para agregar dinámicamente controles en el lado del servidor. Use div, sin runat = servidor. Siempre puedes controlar la visibilidad de ese div usando css.

2. Si necesita agregar controles dinámicamente más tarde, use marcador de posición, pero no configure visible = falso. El marcador de posición no tendrá ninguna pantalla de todos modos. Establezca la visibilidad de ese marcador de posición mediante css. He aquí cómo hacerlo de forma programática:

   placeholderId.Attributes ["style"] = "display: none";

De todos modos, como otros han dicho, sus problemas ocurre porque una vez que se establece control.visible = falso, que no consigue representa en la respuesta del cliente.

Answer 2

Si la Visibilidad se establece en el lado del servidor falso, el marcador de posición no se representará y no podrá acceder a nada dentro de él desde JavaScript. Su código debería funcionar cuando el marcador de posición es visible = "verdadero"

Deshágase del marcador de posición, deje el campo oculto vacío al principio, después de que la búsqueda lo rellene.

Answer 3

Si la visibilidad del marcador de posición se configura como falsa, nunca se representará, y el valor del campo oculto solo se almacenará en el ViewState de la página.

solo una pregunta, ¿por qué está estableciendo la visibilidad del marcador de posición como falso, si contiene un campo oculto?

De todos modos, una manera posible de superar este problema es agregar un objeto TextBox o Label, y establecer el estilo CSS de la pantalla en "ninguno", luego en su código copiar lo que está poniendo en el campo oculto en el textbox/lable text property, de esta manera usted puede leer fácilmente el valor usando javascript, ya que el textbox/label será renderizado pero no visible para otros, aunque esto podría no ser tan seguro de hacer.

Answer 4

Visible no lo hace visible, puede dejarlo predeterminado. Simplemente runat = "server" y use su .Value.

Answer 5

En lugar de hacer ".visible = false", cambie el estilo a "mostrar: ninguno;". Eso controlará pero lo hará invisible.

Answer 6

Prueba esto:

function popup(lid) 
{ 
    var linkid=lid.id.toString();  
    var lengthid=linkid.length-25;  
    var idh=linkid.substring(0,parseInt(lengthid)); 
    var hid=idh+"hiddenfield1"; 

    var gv = document.getElementById("<%=GridViewComplaints.ClientID %>"); 
    var gvRowCount = gv.rows.length; 
    var rwIndex = 1; 
    var username=gv.rows[rwIndex].cells[1].childNodes[1].innerHTML; 
    var prdid=gv.rows[rwIndex].cells[3].childNodes[1].innerHTML; 
    var msg=document.getElementById(hid.toString()).value; 
    alert(msg); 


    document.getElementById('<%= Labelcmpnme.ClientID %>').innerHTML=username; 
    document.getElementById('<%= Labelprdid.ClientID %>').innerHTML=prdid; 
    document.getElementById('<%= TextBoxviewmessage.ClientID %>').value=msg; 
    return false; 
} 

<ItemTemplate> 
    <asp:LinkButton ID="LabelComplaintdisplayitem" runat ="server" Text='<%#Eval("ComplaintDisp").ToString().Length>5?Eval("ComplaintDisp").ToString().Substring(0,5)+"....":Eval("ComplaintDisp") %>' CommandName ="viewmessage" CommandArgument ='<%#Eval("username")+";"+Eval("productId")+";"+Eval("ComplaintDisp") %>' class='basic' OnClientClick =" return popup(this)"></asp:LinkButton> 
    <asp:HiddenField ID="hiddenfield1" runat ="server" Value='<%#Eval("ComplaintDisp")%>'/> 
</ItemTemplate>