23- . Aplicaciones web. Hyperlink y LinkButton
- En este capítulo del curso de programación en c# con visual studio 2017,vamos a ver dos controles de uso común en muchas de las páginas web que utilizamos habitualmente. Estos controles son los Hyperlink y los LinkButton.Se utilizan para poder navegar entre páginas.Los típicos enlaces que redireccionan a otras web o a otras páginas que estan alojadas en la misma web.Vamos con algunas datos de estos dos controles:- El LinkButton se representa como un hipervínculo en la página peorcontiene un script del lado cliente que hace que el formulario se devuelva al servidor.
- El click del LinkButton se desncadena cuando se hace clic en el control.
- La principal ventaja de utilizar un control HyperLink es que permite establecer las propiedades de los vínculos en el código del servidor. Por ejemplo, puede cambiar dinámicamente el texto del vínculo o la página de destino basándose en las condiciones de la página.
- En el video os muestro como utilizar estos dos controles para crear enlaces que permitan navegar entre páginas del mismo proyecto o como ir a páginas que se encuentran fuera del proyecto.Os explico como cambiar algunas de las propiedades de estos controles tanto en la parte de diseño como en tiempo de ejecución.
- Estos dos controles tienen bastantes más propiedades que las mostradas en el video.Os dejo enlaces a la MSDN de microsofot donde podéis completar información sobre estos dos controles:
- https://msdn.microsoft.com/es-es/library/cc295253.aspx
- https://msdn.microsoft.com/es-es/library/cc295443.aspx
- https://msdn.microsoft.com/es-es/library/system.web.ui.webcontrols.hyperlink(v=vs.110).aspx
Tambíén os dejo el cófdigo tanto de la parte cliente como de la parte de servidor:
- Código de la página aspx:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 100%;">
<tr>
<td >
<asp:RadioButton ID="rdunradio" runat="server" Text="Único" />
<asp:RadioButtonList ID="RadioButtonList1" runat="server" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem Value="1">Elemento1</asp:ListItem>
<asp:ListItem Value="2">Elemento2</asp:ListItem>
<asp:ListItem Value="3">Elemento3</asp:ListItem>
</asp:RadioButtonList>
</td>
<td>
<asp:HyperLink ID="linkUno" runat="server" NavigateUrl="~/WebForm2.aspx">HyperLink</asp:HyperLink>
</td>
</tr>
<tr>
<td>
<asp:CheckBoxList ID="CheckBoxList1" runat="server"></asp:CheckBoxList>
<asp:CheckBox ID="CheckBox1" runat="server" />
<td>
<asp:LinkButton ID="linkDos" runat="server" BackColor="Yellow" Enabled="false" OnClick="linkDos_Click">LinkButton</asp:LinkButton>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="btnMiBoton" runat="server" Text="Button" OnClick="btnMiBoton_Click" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
- Codigo de la parte del .cs:
using System.Collections.Generic;
using System.Drawing;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace HolaMundo
{
public partial class WebFormHolaMundo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
linkUno.Text = "Vamos al google";
linkUno.NavigateUrl = "https://www.google.es";
linkDos.Enabled = true;
linkDos.BackColor = Color.Red;
linkDos.Text = "HOLA";
}
protected void btnMiBoton_Click(object sender, EventArgs e)
{
CheckBox1.Text = "No cliques";
for(int i=0; i<6; i++)
{
ListItem x = new ListItem(i.ToString(), i.ToString());
CheckBoxList1.Items.Add(x);
}
rdunradio.Visible = false;
RadioButtonList1.Visible = false;
}
protected void RadioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
{
if( RadioButtonList1.SelectedItem.Value=="1")
rdunradio.Enabled = false;
else
rdunradio.Enabled = true;
}
protected void linkDos_Click(object sender, EventArgs e)
{
linkUno.NavigateUrl = "http://cursoprogramacioncsharptutoriales.blogspot.com.es/";
linkUno.Text = "Mi blog"; ;
}
}
}
No hay comentarios:
Publicar un comentario