2012-02-13 711 views
7

En mi página ASPX he agregado Dropdownlist.Error en la lista desplegable

Los elementos de esta lista se dividen a los grupos mediante la adición de elementos de la lista con discapacidad:

ListItem separator = new ListItem("---My friends---", ""); 
separator.Attributes.Add("disabled", "true"); 
_ddUsersList.Items.Add(separator); 

Aquellos lista de artículos están en gris, no puedo seleccionarlo con el ratón o haciendo clic en las flechas de cursor (arriba/abajo). Eso es correcto.

Pero el problema es que, después de hacer clic en la tecla '-', se selecciona este elemento de la lista. Creo que es un error de Dropdownlist, pero necesito encontrar una solución para esto.

Cómo evitar la selección de listar ListItems haciendo clic en la primera letra de su título? ¿O hay una mejor manera de crear separadores en Dropdownlist?

Editar: Lo he comprobado después de Nico G. comentar. Este problema ocurre en IE, no en Firefox. (No tengo otros navegadores. Dos es suficiente :))

+1

Me gustaría ejecutar algunos javascript después de seleccionar qué restablecer la selección si se seleccionó el que comienza con "-" –

+1

que es un error en IE. revise este enlace [Seleccione, opción, deshabilitado y la solución de JavaScript] (http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/) .. . en caso de que experimente el error en otros navegadores, actualice su pregunta. simplemente interesado –

+0

Niko G.: tienes razón, sucede en IE no en Firefox. Escríbelo como una respuesta, por favor. Es una buena solución para mí. –

Respuesta

1

Existen varios enfoques diferentes en esta pregunta: Dropdownlist control with <optgroup>s for asp.net (webforms)? para agregar grupos de opciones a un control de lista desplegable.

puede utilizar el OptionGroups para crear separadores no seleccionables que se vería como el siguiente en la fuente:

<select> 
<option>Option 1</option> 
<option>Option 2</option> 
<option>Option 3</option> 
<optgroup label="----------"></optgroup> 
<option>Option a</option> 
<option>Option b</option> 
<option>Option c</option> 
</select> 
Cuestiones relacionadas