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

sql - invalid in the select list because it is not contained in either an aggregate function -

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

How to start daemon on android by adb -