javascript - Resizing a kendo drop-down -


i have kendo dropdown have resize reason not work. shows icon not resize container.

html:

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

javascript

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

css

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

it works other control besides dropdown. can point me in right direction please?

http://jsfiddle.net/bws9j/389/

check out:

  $("#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

there few little gliches yet think can work them wish, wrap jquery component if like.


Comments

Popular posts from this blog

How to start daemon on android by adb -

Angularjs unit testing - ng-disabled not working when adding text to textarea -

testing - Detect whether test has failed within fixture -