调整剑道下拉菜单的大小答案

【问题标题】：Resizing a kendo drop-down调整剑道下拉菜单的大小
【发布时间】：2016-11-13 09:57:26
【问题描述】：

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

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/

【问题讨论】：

是否支持调整大小？
据我所知是的..您可以设置默认宽度/高度。
你确定吗？我在their API reference 中看不到调整大小选项。
哦.. 有什么解决方法吗？
我在您的标记中没有看到 .k-list-container。也许你的意思是 .k-dropdown-wrap？

标签： javascript html css kendo-ui telerik

【解决方案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

还有一些小故障，但我认为您可以按照自己的意愿处理它们，如果您愿意，也可以将其包装到 jQuery 组件中。

【讨论】：

谢谢，它可以工作，但是，我想调整选项列表的大小而不是下拉菜单本身。
@DavisZ 好吧，我很抱歉，但这对我来说没有意义。你有任何例子，任何类型的这个功能吗？永远不会出现可调整大小列表的下拉/组合框。