21- . Aplicaciones web. DropDownlist y ListBox.
- 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.Hablo de los controles DropDownList y el control ListBox:- El control DropDownList de servidor Web permite a los usuarios seleccionar un elemento de una lista predefinida. Se diferencia del control ListBox de servidor Web en que la lista de elementos permanece oculta hasta que los usuarios hacen clic en el botón desplegable.El control DropDownList no admite el modo de selección múltiple. En realidad, el control DropDownList es un contenedor para los elementos de lista de tipo ListItem. Cada objeto ListItem constituye un objeto independiente con sus propiedades específicas.
- El control ListBox permite a los usuarios seleccionar uno o varios elementos de una lista predefinida. Se diferencia de un control DropDownList en que puede mostrar varios elementos a la vez y, de manera opcional, permite que el usuario pueda seleccionar varios elementos.
- Estos dos controles tienes bastantes más propiedades y eventos que podéis probar vosostros mismos.Si queréis profundizar y conocer estos dos controles os dejo unos enlaces a la MSDN de Microsoft:
- DropDownList: https://msdn.microsoft.com/es-es/library/system.web.ui.webcontrols.dropdownlist(v=vs.110).aspx
- ListBox: https://msdn.microsoft.com/es-es/library/cc295286.aspx
- Un ejercicio simple que se me ocurre que podéis probar es borrar todos los elementos del DropDownList cuando un elemento del Listbox sea seleccionado.Hay multitud de opciones, las dudas os surgiran si probais y os veis en la necesidad de usar estos controles para algo determinado.
- Os dejo el código del ejemplo de la parte del fichero aspx y del .cs asociado:
- Fichero WebFormHolaMundo.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormHolaMundo.aspx.cs" Inherits="HolaMundo.WebFormHolaMundo" %>
<!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:DropDownList ID="DropDownList1" runat="server" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" AutoPostBack="true">
<asp:ListItem Text="Uno" Value="1" ></asp:ListItem>
<asp:ListItem Text="Dos" Value="2" ></asp:ListItem>
<asp:ListItem Text="Tres" Value="3" ></asp:ListItem>
<asp:ListItem Text="Cuatro" Value="4" ></asp:ListItem>
</asp:DropDownList>
<asp:ListBox ID="ListBox1" runat="server" Height="340px" Width="334px"></asp:ListBox>
</td>
</tr>
<tr>
<td> <asp:Button ID="btnMiBoton" runat="server" Text="Button" OnClick="btnMiBoton_Click" /></td>
</tr>
</table>
</div>
</form>
</body>
</html>
- Fichero WebFormHolaMundo.aspx.cs:
using System;
using System.Collections.Generic;
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)
{
if (!Page.IsPostBack)
{
ListBox1.Items.Add("JUAN");
ListBox1.Items.Add("PEDRO");
ListBox1.Items.Add("MARIA");
ListBox1.Items.Add("ANA");
}
}
protected void btnMiBoton_Click(object sender, EventArgs e)
{
}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (DropDownList1.SelectedItem.Value == "3")
ListBox1.Items.Remove("MARIA");
}
}
}
No hay comentarios:
Publicar un comentario