¡COBRA CADA CORREO DE PUBLICIDAD QUE RECIBAS EN TU E-MAIL! Solo del tipo que te interese, y si  te das de alta desde ésta Web , serás referid@ direct@ del webmastrer de WWW.SANDALIO.COM. Si necesitas saber mas, Infórmate en mi sección Gana dinero con tu correo        Clic en el banner para darte de alta

Aquí toca hacer un GridView con un campo hyperlink, o sea, que uno de los campos lo usemos como vínculo para ir a cualquier parte.

Lo que haremos es usar la base de datos de ejemplo que puse en el tutorial de Mostrar el contenido de una base de datos con GridView  que se trata de una agenda con los campos nombre, apellidos y teléfono, y además un campo más que será el campo Web que será la página personal de cada uno de ellos. Mostraremos los datos en una tabla GridView, y pulsando sobre la página Web personal de cada unos de ellos, se abrirá su respectiva página personal.

Esto lo podéis usar también con una base de datos que contenga el contenido de vuestra Web, y mostrar en una tabla las descripciones de las secciones de vuestra Web y el enlace a cada una de las secciones. Las personas que estéis más al día en programación, encontraréis muy sencillos estos tutoriales, pero, la verdad es que ya me hubiese gustado a mi haber podido encontrar estas explicaciones cuando empezaba, que para saber cuatro detalles sencillos tuve que gastar muchas horas por no encontrarlo claramente en ningún lugar, así que para quienes empezáis, seguro que encontráis útil éstas explicaciones.

La tabla del ejemplo sería así:

Para enlazar el GridView con la base de datos, ya lo explico en al manual  Mostrar el contenido de una base de datos con GridView  por lo que aquí me lo salto, ahora vamos a ver una vez enlazado cómo hacemos que uno de los campos, el que describe la dirección de la página Web personal, se convierte en vínculo. En principio una vez conectado el GridView con la base quedaría así:

Entonces lo que hacemos es pulsando con el botón derecho sobre el GridView, cogemos "mostrar etiqueta inteligente" y en ésta la opción editar columnas.

En la parte de abajo vemos los campos que muestra el GridView, así que el campo web, como no nos vale como está, lo seleccionamos y con la "X" lo eliminamos. Si queréis, podéis eliminar también el campo iD, ya que no nos sirve para nada mostrarlo.

Ahora nos vamos al cuadro de arriba, y seleccionamos Campo hyperlink, y le damos al botón agregar, y nos aparece en el cuadro de abajo donde tenemos los campos que mostrará el GridView.  Si no os aparece la opción Campo hyperlink, darle abajo donde pone Actualizar esquema, y os aparecerá. No se por qué, pero alguna vez me ha pasado. Bien pues ya casi lo tenemos.

Ahora seleccionamos el campo hyperlink de abajo, y en la ventana derecha podemos ver las propiedades. Buscamos en las propiedades el grupo datos, y en la propiedad DataTextField le cogemos el campo web, éste será el campo que nos mostrará. Ahora falta decirle que enlace a la página personal de cada registro, por lo que escribiremos en la propiedad DataNavigateUrlField el nombre del campo donde ponemos la dirección de la página personal de cada registro, o sea, web, como se ve en la imagen de abajo. También buscaremos la propiedad HeaderText, para ponerle un encabezado a la columna, que podría ser por ejemplo Página personal, y en la propiedad Target le podemos decir si queremos que el enlace se abra en una nueva ventana, escribiendo en la propiedad Target la instrucción _blank.

Ahora ya podemos darle a Aceptar, y con Control + F5 vemos el resultado en nuestro navegador, que sería más o menos como se ve en la imagen de abajo. Hemos creado un control que muestra los datos de nuestra tabla, y en la misma base de datos le decimos cual es la página personal de cada registro, y al pulsar sobre la página personal de un registro se abrirá en una nueva ventana.

¡COBRA CADA CORREO DE PUBLICIDAD QUE RECIBAS EN TU E-MAIL! Solo si  te das de alta desde ésta Web , serás mi referid@ direct@. Infórmate en:Gana dinero con tu correo            Clic en el banner para darte de alta