0

Tengo un contenedor HTML creado en una pagina .aspx

A este contenedor le añado elementos HTML dinámicamente desde servidor con un archivo aspx.cs . El problema es que después no puedo tener acceso a estos elementos desde el propio código de servidor ya que no me los reconoce.

Codigo .aspx en HTML

<div id="listaChecks"></div>

Codigo .aspx.cs en C#

foreach (miObjeto item in objetos) 
{
   contenedor += "<div><input type='checkbox' id='chb'"+ item.id + "' runat='server'/><label>'" + item.nombre + "'</label></div>";
}

listaChecks.innerHTML = contenedor; 
9
  • El codigo que agregas en foeach no es codigo c# es javascript para agregar elementos a la pagina en el servidor usa tags de razor, ahora si quieres leer elementos de html desde el codigo cs basicamente solo lees una cadena de texto y puedes agregar elementos a esa cadena. Pero en si que quieres que tu pagina haga? y cual interactividad quieres con el servidor? Commented el 8 abr. 2019 a las 14:45
  • No aplica el runat=server cuando crear el html de esa forma. Lo unico que se me ocurre es que al realizar el post al evento uses el Request.Form["key"] para acceder al dato del checkbox, pero para eso define la propiedad name igual que el id Commented el 8 abr. 2019 a las 14:48
  • @MiguelZarate de esta manera los elementos se me agregan dinámicamente a la pagina aspx y se ven en la pagina. Pero cuando hago un post de la pagina estos elementos no me los reconoce el código de servidor. Si los elementos los añado estáticamente si.
    – Popularfan
    Commented el 8 abr. 2019 a las 14:55
  • @LeandroTuttini le he añadido la propiedad name pero hago un Request.Form["chb01"] debugando y sigue sin reconocermelo
    – Popularfan
    Commented el 8 abr. 2019 a las 15:14
  • estas seguro que se llama "chb01" ? si inspeccionas el Request.Form deberias poder ver las keys que recibes. o sino con la developer tools del browser analizar en la solapa "network" cuando se invoca al servidor que datos pasa en el request. Recuerda que esto debes estar dentro del <form> para que se realice el submit en el evento Commented el 8 abr. 2019 a las 15:25

1 respuesta 1

1

es por que en asp.net no maneja el cliente, solo lo maneja con sus componentes, si vas a trabajar del lado del cliente, trabaja puro cliente y si trabajaras con el servidor(c#), tienes que trabajar con el nomas. Esta es la mejor recomendación obviamente puedes omitirla pero quiza te complicaras mucho la vida.

Lo que puedes hacer es usar los componentes de ASP.NET que a fin de cuenta tambien son elementos HTML, solamente que los puedes controlar desde el servidor.

Puedes crear un Panel y con el metodo Panel.Controls.Add() añadir cualquir item, como un TextBox, Radio button etc.

var rb = new CheckBox();
rb.ID = "ID";
var lbl = new Label();
lbl.ID = "LABEL";
lbl.Text = "LABEL TEXTO";


Panel.Controls.Add(rb);
Panel.Controls.Add(lbl);

a los controles dale una CSS clase con

lbl.CssClass = "ClaseCSS";

para controlarlos con css.

15
  • No puedo trabajar con componentes ASP.NET porque estoy usando HTML5 y CSS3
    – Popularfan
    Commented el 8 abr. 2019 a las 15:16
  • y por que utilizas un codigo Codigo .aspx.cs en C#????? Commented el 8 abr. 2019 a las 15:16
  • Utilizo C# en código aspx desde el lado del servidor para control de la pagina, leer webservices, leer bases de datos, agregar datos dinámicamente...
    – Popularfan
    Commented el 8 abr. 2019 a las 15:17
  • @Popularfan ASP.net que estas utilizando (las extensiones .aspx), maneja el cliente en el servidor, osea que estas utilizando HTML5 y CSS3 de igual manera pero lo esta renderizando en el servidor, por lo tanto si quieres manipular los datos que traes de tu servidor directamente, tienes que manejarte con los componentes de aspx Commented el 8 abr. 2019 a las 15:18
  • @Popularfan puedes evitar trabajar asi, mandando los datos por un WebMethod y cacharlos con javascript y trabajar puro cliente, pero igual podrias exponer datos si no eres cuidadoso con esto. Commented el 8 abr. 2019 a las 15:21

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.