A partir de la tecnología web ASP.NET podemos cargar aquello que se conoce como Dropdown y comprobar, de este modo, las múltiples ventajas que trae dicho componente en nuestros sitios de Internet. Hoy día es un elemento muy recurrente y utilizado por los desarrolladores web por su practicidad y utilidad. En lo que sigue explicaremos cómo poner en funcionamiento un Dropdownlist, añadiendo un ejemplo a modo de ilustración.

La utilidad de este componente radica en reducir el espacio ocupado dado que es presentado sólo en una línea, a partir de la cual se desplegarán otras opciones únicamente al hacer clic en el icono indicado (normalmente en el margen derecho). DropDownList es uno de los tantos Server controls que ofrece ASP.NET. Puede ser útil para ingresar datos manualmente o, de otro modo, puede estar unido a una base de datos (data binding).

Algunas de sus principales propiedades consisten en:

AccessKey: Tecla de acceso rápido
DataSource: Provee el origen de datos
DataTextField: Muestra el origen de datos correspondiente al texto proporcionado por el control
SelectedItem: Exhibe el texto de la opción que ha sido seleccionada
SelectedIndex: Muestra el índice de la opción que se ha elegido

En primer lugar, comenzamos por lo más básico, esto es, la declaración del control. Por lo tanto, el código necesario para declarar la función se muestra a continuación:

<asp:DropDownList id="DropDownList1" runat="server"></asp:DropDownList>

Una vez realizada la operación del ejemplo anterior, podemos proceder a agregar texto y valores a nuestro código. En el caso que sigue ingresaremos categorías que corresponden a distintas ciudades del mundo (los valores insertados dependerán del objetivo de cada proyecto web):

<asp:DropDownList id="DropDownList1" runat="server">
<asp:ListItem Value="FF">Frankfurt</asp:ListItem>
<asp:ListItem Value="PS">París</asp:ListItem>
<asp:ListItem Value="BR">Brasilia</asp:ListItem>
</asp:DropDownList>

Otra opción relacionada a la utilización del control DropDownList corresponde a unir dicha función con un ArrayList. En este caso particular, el ejemplo anterior se modifica de la siguiente manera:

Dim colArrayList as New System.Collections.ArrayList()

If Not Page.IsPostBack Then
colArrayList.Add("Frankfurt")
colArrayList.Add("París")
colArrayList.Add("Brasilia")
DropDownList1.DataSource = colArrayList
DropDownList1.DataBind()
End If

Las posibilidades no se agotan en los ejemplos precedentes. También puede utilizarse la propiedad DropDownList utilizando conjuntamente lo que se conoce como Hashtable. Siguiendo con las categorías usadas anteriormente, el código en este caso se manifiesta del siguiente modo:

Dim myHashTable1 as new System.Collections.Hashtable()

HashTable1("FF") = "Frankfurt"
HashTable1("PS") = "Paris"
HashTable1("BR") = "Brasilia"

For each Item in HashTable1
Dim newListItem as new ListItem()
newListItem.Text = Item.Value
newListItem.Value = Item.Key
DropDownList1.Items.Add(newListItem)
Next

Por lo tanto, estos ejemplos de lista desplegable que implementan el control DropDownList nos permiten elegir y variar entre las posibilidades arriba expuestas dependiendo de las necesidades de cada desarrollador y del proyecto en cuestión ofreciendo distintas modalidades de estilo y utilidad para elaborar aplicaciones de Internet más dinámicas.