OptGroup in .NET-Listbox

Question

Ich habe Elemente in der Listbox ähnlich der OPTGROUP in einem HTML-SELECT gruppieren müssen.

Alle Vorschläge werden sehr geschätzt.

Answer 1

Überarbeitete Sandeep Antwort:

http://jsfiddle.net/kgBr9/

HTML

<select id="mySelect"> 
    <option optGroup='a'>1</option> 
    <option optGroup='a'>1</option> 
    <option optGroup='a'>1</option> 
    <option optGroup='b'>2</option> 
    <option optGroup='b'>2</option> 
</select> 

JQuery

function SetupOptGroups(select) { 
    var optGroups=new Array();  
    var i = 0; 

    $(select).find("[optGroup]").each(function(index, domEle) { 
     var optGroup = $(this).attr("optGroup"); 
     if ($.inArray(optGroup, optGroups)==-1) optGroups[i++] = optGroup; 
    }); 

    for(i=0; i < optGroups.length; i++){ 
     $("option[optGroup='"+optGroups[i]+"']").wrapAll("<optgroup label='"+optGroups[i]+"'>"); 
    } 
} 

Answer 2

Ich habe diese Anforderung erfüllt, indem ich den Optionen ein Attribut hinzugefügt habe, und der Attributwert ist der Name der Optgruppe, den ich haben möchte. Und in der Client-Seite verwendet i diesen Code Drop-Down zu machen mit optgroups var optGroup = "";

var i = 0; 
$(this).find("option").each(function() { 
    if (optGroup !== "") 
     optGroup += "," + $(this).attr("OptGroup"); 
    else 
     optGroup = $(this).attr("OptGroup"); 
}); 
var optGroups = $.unique(optGroup.split(",")); 
for (var optGroupEle in optGroups) { 
    if ($("optgroup[label='" + optGroups[optGroupEle] + "']").html() == null) 
     $("option[OptGroup='" + optGroups[optGroupEle] + "']").wrapAll("<optgroup label='" + optGroups[optGroupEle] + "'/>"); 
} 

Answer 3

Sie können ein Element und deaktivieren, ändern Sie die Farbe, die endgültige EFFEKT gleich ist, dh

itemVersion.Attributes.Add ("disabled", "true") itemVersion.Attributes.Add hinzufügen ("Stil", "color: #CCCCCC") ddlAspectoOrigen.Items.Add (itemVersion)

Answer 4

können Sie die HTML SELECT control verwenden und Zugriff auf alle Objekte dieses von der Code-Behind wie ein listbox. Sie müssen nur das Label runat="server" hinzufügen.