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?
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; });
there few little gliches yet think can work them wish, wrap jquery component if like.
Comments
Post a Comment