Algunas veces es necesario crear una salida en codigo HTML con informacion
proveniente de nuestra base de datos. En ASP tradicional se tenia que embeber el
codigo de la base de datos entre el codigo HTML (entre <% %>).
En NET esto es mas facil, en el siguiente ejemplo usaremos la clase StringBuilder() para crear la cadena de HTML y con el control Literal lo desplegaremos en nuestra pagina.

En nuetro code behind mandamos el strem de HTML de la siguiente manera:
//Instanciamos la clase StringBuilder para manipular nuestra cadena
StringBuilder MisArchivos = new StringBuilder();
//Luego construimos nuestra cadena con el metodo Append de la clase
MisArchivos.Append("<a href='" + ResolveUrl(dt.Rows[i][2].ToString())+ "'><img border='0' href='");
MisArchivos.Append(dt.Rows[i][2].ToString());
MisArchivos.Append("' src='" + ResolveUrl("~/images/" + dt.Rows[i][0].ToString()+ "'>"));
MisArchivos.Append(dt.Rows[i][1].ToString());
MisArchivos.Append("</img></a> ");
//Le asignamos la cadena construida con el StrinBuilder a la propiedad Text del control Literal
literal.Text = MisArchivos.ToString();
En este caso el dt es un objeto DataTable que trae las direcciones Url de archivos que hay que desplegar en la pagina.
Con esto se desplegaran los controles HTML dentro del panel de la siguiente manera:

En NET esto es mas facil, en el siguiente ejemplo usaremos la clase StringBuilder() para crear la cadena de HTML y con el control Literal lo desplegaremos en nuestra pagina.
- Primero, arrastramos un control Panel desde nuestra barra de herramientas y le asignamos las propiedades de ID, CssClass, etc.
- Luego, arrastramos un control Literal de la barra de herramientas y le asignamos la propiedad ID.

En nuetro code behind mandamos el strem de HTML de la siguiente manera:
//Instanciamos la clase StringBuilder para manipular nuestra cadena
StringBuilder MisArchivos = new StringBuilder();
//Luego construimos nuestra cadena con el metodo Append de la clase
MisArchivos.Append("<a href='" + ResolveUrl(dt.Rows[i][2].ToString())+ "'><img border='0' href='");
MisArchivos.Append(dt.Rows[i][2].ToString());
MisArchivos.Append("' src='" + ResolveUrl("~/images/" + dt.Rows[i][0].ToString()+ "'>"));
MisArchivos.Append(dt.Rows[i][1].ToString());
MisArchivos.Append("</img></a> ");
//Le asignamos la cadena construida con el StrinBuilder a la propiedad Text del control Literal
literal.Text = MisArchivos.ToString();
En este caso el dt es un objeto DataTable que trae las direcciones Url de archivos que hay que desplegar en la pagina.
Con esto se desplegaran los controles HTML dentro del panel de la siguiente manera:

Comentarios
Publicar un comentario