Wie entfernt man Kendo dropDownList, wenn es das letzte ist?

Question

Ich kann alle Elemente außer der letzten aus der Kendo Dropdown-Liste entfernen. Nachdem das letzte entfernt wurde, werden die vorherigen Elemente wieder angezeigt.

ist hier ein jsFiddle: http://jsfiddle.net/lpoellabauer/Jw4Cz/

var dropDown = $("select").data("kendoDropDownList"); 
var itemToRemove = dropDown.dataSource.at(0); 
dropDown.dataSource.remove(itemToRemove); 
dropDown.select(0); 

Irgendwelche Ideen wie diese zu lösen?

Answer 1

HTML:

<select> 
<option value="1">one</option> 
<option value="2">two</option> 
<option value="3">three</option> 
<option id="none" value="none"></option> 
</select> 

<a href="#">remove first</a> 

JS:

$("select").kendoDropDownList(); 

$("a").click(function(){ 
    var dropDown = $("select").data("kendoDropDownList"); 
    var itemToRemove = dropDown.dataSource.at(0); 
    dropDown.dataSource.remove(itemToRemove); 
    dropDown.select(0); 
}); 
$('none').css({display:none});