2011-12-05 4 views
4

J'ai besoin d'une ligne ajoutée à une zone de liste dans ASP.NET pour fournir une certaine séparation par rapport aux nombreuses options que l'utilisateur peut choisir. Actuellement, nous avons plus de 20 options différentes pour l'utilisateur à choisir et j'ai besoin de mettre le plus populaire en haut. J'ai la logique qui met l'option populaire sur le dessus, mais pense qu'une ligne dans la liste aidera l'utilisateur à les séparer du reste de la liste. Les éléments de la liste sont remplis dans le code derrière.Ajout de ligne à ASP.NET à ListBox

Répondre

3

Vous pouvez utiliser la balise optgroup pour donner la séparation.

<select> 
    <option value="XX"/> 
    <optgroup label="separation"/> 
    <option value="BB"/> 
</select> 

Pour donner seulement une ligne, vous devrez faire quelques trucs. Voir ci-dessous

<style type="text/css"> 
    optgroup {border-bottom:solid thin black; width:100%;} 
</style> 
<select> 
    <option value="XX"/> 
    <optgroup label=" "/> 
    <option value="BB"/> 
</select> 

Si vos données sont déjà chargées, vous pouvez exécuter jquery après.

$('select option[value="XX"]').after('<optgroup label=""/>'); 
+0

Fonctionne parfaitement! Exactement ce dont j'avais besoin. Merci! – Aaron