Изменение размера выпадающего списка кендо

Question

У меня есть раскрывающийся список кендо, который я должен изменить, но по какой-то причине он не работает. Он показывает значок, но не изменяет размер контейнера.

Html:

<select id="dropdownlist"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 

Javascript

$("#dropdownlist").kendoDropDownList(); 

CSS

.k-list-container { 
    resize: both; 
    overflow: auto; 
} 

Он работает для любого другого контроля, кроме раскрывающегося списка. Может ли кто-нибудь указать мне в правильном направлении, пожалуйста?

http://jsfiddle.net/bWs9j/389/

Answer 1

Проверьте это:

$("#dropdownlist").kendoDropDownList().data("kendoDropDownList"); 

    var dragging = false, 
    currentX = null, 
    currentW = null; 

    $("body") 
    .on("mousedown", ".k-dropdown-wrap", function(e) { 
     dragging = true; 
     currentX = e.clientX; 
     currentW = $(this).width(); 
    }) 
    .on("mouseup", ".k-dropdown-wrap", function() { 
     dragging = false; 
    }) 
    .on("mousemove", function(e) { 
     if (dragging) { 
     var diff = currentX - e.clientX, 
       wrapper = $($("#dropdownlist").data("kendoDropDownList").wrapper); 

     wrapper.width((currentW - diff) + 20); 
     } 
    }) 
    .on("mouseup blur focusout", function() { 
     dragging = false; 
    }); 

Working Demo

Есть несколько маленьких gliches еще, но я думаю, что вы можете работать их, как вы хотите, а также обернуть его в jQuery, если хотите.