Ahora la Grilla también es Marquesina


Parece que esta de moda usar marquesinas o controles que panean horizontalmente para mostrar diferente tipo de datos. Como a mi la moda es algo me interesa mucho (pueden ver mi foto donde luzco una gorra muy mona), decidí retocar el control Grilla para que funcione como Marquesina y darle una nueva funcionalidad sin tener que cambiar prácticamente nada de lo que estaba hecho.

Para hacer una prueba de la nueva funcionalidad use el ejemplo Grilla mostrando Employees. Así que simplemente copié el código y cambié el lugar donde se indica cual es el objeto que usa la Grilla como fila. En lugar de elegir un TR de la tabla elegí un TD.

¡¡¡ Listo !!!. Ahora puedo ir panenado entre las celdas de una fila, !!! muy chic ¡¡¡ ¿no?.

Les paso el código con la diferencia:

Tipo Grilla:

<table class="Employ" id="TablaEmployees">
  <tr>
    <td>
      <table style="height: 550px">
        <tr id="RegistroEmployees" class="FilaEmploy">
          <td>
            <table>
              <tr>
                <td>
                  <img id="Employees_PhotoPath" runat="server" height="50" width="50" src="" alt="Sin Imagen" />
                </td>
                <td>
.
.
.
.

Tipo Marquesina:

<table class="Employ" id="TablaEmployees">
  <tr>
    <td>
      <table style="height: 550px">
        <tr>
          <td id="RegistroEmployees" class="FilaEmploy">
            <table>
              <tr>
                <td>
                  <img id="Employees_PhotoPath" runat="server" height="50" width="50" src="" alt="Sin Imagen" />
                </td>
                <td>
.
.
.
.

Para mejor referencia agregué al Proyecto MoniMisiDemo una página llamada Marquesina donde se puede probar en vivo el funcionamiento del control.
Si ya te habías bajado solo la librería Actualizala de aquí para poder utilizar la nueva funcionalidad.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s