¿Cómo eliminar el elemento de kendo dropDownList si es el último?

Question

Puedo eliminar todos los elementos excepto el último de la lista desplegable de kendo. Después de que se elimine el último, los elementos anteriores vuelven a aparecer.

Aquí es una jsFiddle: http://jsfiddle.net/lpoellabauer/Jw4Cz/

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

Alguna idea de cómo solucionar esto?

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});