调整剑道下拉菜单的大小

Resizing a kendo drop-down

本文关键字：下拉菜单 调整      更新时间：2023-09-26

我有一个剑道下拉菜单，我必须调整大小，但由于某种原因它不起作用。它显示图标，但不调整容器大小。

目录：

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

爪哇语

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

.CSS

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

它适用于除下拉列表之外的任何其他控件。有人可以指出我正确的方向吗？

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

看看这个：

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

工作演示

还有一些小问题，但我认为你可以随心所欲地处理它们，如果你愿意，也可以把它包装成一个jQuery组件。

相关文章：