10 ene 2012

Validación de Entrada y Navegación del Sitio

Hola buen día a todos aquí les traigo el resumen el cual contiene lo siguiente:

  • Desempeñando la Input Validation
    • Entendiendo como valida el framework y los validadores que trae por defecto el Visual Studio en el toolbox.
  • Desempeñando Site Navigation
    • Métodos de navegación y se evalúan cada uno de ellos.
    • Y se usan los navegadores que trae por defecto visual studio en el toolbox.
  • Usando Web Parts (Normalmente se usan para desarrollos de sharepoint)
    • Que son y se usan algunos de los que trae visual studio en el toolbox.
Bueno sin mas preámbulos aquí les dejo el documento que lo disfruten... Feliz día a todos.

6 ene 2012

Usando Server Controls Tips

Hola buen día a todos disculpen por no haber publicado antes por las fiestas y el trabajo jejeje bueno comencemos explicando los server controls:

Como ya sabrán los server controls son los controles que usa asp.net para el rendereo de la pagina, estos se mandan al servidor y el servidor los transforma en html para que lo muestre el browser la ventaja de estos es que pueden ser accedidos también por el code-behind.

bueno en la siguiente imagen pueden ver todos los controles:



1- El label este se renderea como un span en el browser se usa cuando necesitas agregarle estilos (Negrita, Color azul, tipo de fuente, etc...) directos al control por el markup o code-behind, o por ejemplo un valor de una suma devuelto por la base de datos que quieres mostrar lo puedes guardar en el label.

2- El se usa cuando quieres agregar texto simple sin ningún tipo de estilo por programación (ya que si no lo vas a hacer por programación agrega entonces texto normal), este se renderea como texto común y silvestre en el html, pero igual se le pueden agregar estilos con ayuda de CSS.

3- El textbox en donde ingresas el contenido normalmente en algun tipo de formulario que puede tener n cantidad de fines por ejemplo lo pones para login y password, entonces lo que ingrese el usuario lo comparas con lo registrado en la Base de Datos, o cuando se va a hacer una transferencia colocas el monto en un textbox. En la propiedad TextMode lo puedes cambiar para que sea password (aparecerán asteriscos), singleline (solo una linea de texto), multiline (multiples lineas de texto), este ultimo se usa por ejemplo cuando quieres que el usuario deje sus comentarios, haga alguna pregunta, etc... lo pueden ver por ejemplo en los foros, solo que son algo mas avanzados.

4- Se coloca cuando tienes varias opciones entre las cuales puedes elegir todas o al menos 1.

5- En este tienes varias opciones pero solo puedes elegir una, cuando colocas varios radiobutton los tienes que meter todos en el mismo grupo (GroupName) para solo seleccionar uno sino podrás seleccionar todos si quieres (lo cual no es la idea con este control).

6- Es mas usado que el listbox, uno de los usos es como una cascada de selección, por ejemplo aparece primero país (una lista de países), seleccionas el país, el dropdown hace autopostback (es una propiedad solo hay que setearla en true por default esta en false) y carga entonces los estados de ese país.

7- El listbox al igual que el dropdown muestra una lista pero esta no es desplegable como la del dropdown. (Para llenar ambos por la interfas seleccionan la propiedad Items).

8- El botón lo que se usa normalmente al final del formulario ya sea para guardar los datos en base de datos, logearse o simplemente enviarlo a otra pagina (Este ultimo es usado cuando esta como botonera horizontal o vertical en una pagina) por ejemplo.

9- El control imagen yo aconsejo no usarlo a menos que vallan a hacer algo con el en el code-behing si no lo van a hacer usen la etiqueta html <img/>

10- es lo mismo que el boton pero con la posibilidad de agregarle una img, aqui yo aonsejo que en ves de usar este control lo hagan con css y rollover, como muestro a continuacion:

En el css coloco lo siguiente:

.Botones
{
    display: block;
    width: 137px;
    height: 31px;
}

.Botones : hover
{
    background-position: 0 -31px;
}

.BtnInicio
{
    background: url("../Imagenes/Botones/BtnMenu/Inicio.png") no-repeat 0 0;
}


En botones defino el tamaño de mis imágenes (tengo que hacerlo como 2 veces pero en el segundo le defino lo que va a hacer distinto cuando le paso el mouse en este caso el color del texto como ven en la img.), el estilo  .Botones : hover , sirve para que muestre la otra parte de la imgen que es la que tiene el cambio, y por ultimo BtnInicio es lo que le pone de fondo la img seleccionada.



 Ahora en la pagina aspx yo lo coloque de la siguiente manera:

<a href="Default.aspx" class="Botones BtnInicio"></a>

y listo tenemos nuestro botón con rollover....

11- El ImageMap mayormente es por temas de performance para evitar menos request, por ejemplo tenemos una botonera vertical (ver img)



si lo tenemos por botones separados cada uno va a hacer un request para buscar la img, si lo colocamos todos los botones como una sola img solo se haría un request, que es lo que se quiere hacer con el img map, entonces cada botón seria un hotspot que haría su funcionalidad especifica.

12- Es un calendario que se puede personalizar, no es muy usado...

13- FileUploadUploadify este tiene la misma funcionalidad del fileupload solo que con este si puedes subir de a varios archivos y puedes hacer que solo pueda subir cierto tipo de archivos en el fileExt.

Bueno esto es todo por ahora y disculpen el retraso....



¡¡¡Feliz día a todos y Año nuevo!!!