设置kendo ui下拉列表宽度

Question

我想使用一个kendo下拉列表,它具有固定的大小,因为它受到页面中其他字段的约束,但是当它显示列表的下拉项时,下拉区域应该调整到最大值物品的长度.显示的项目的固定宽度排序,但下拉列表的自动宽度.就像是

|my choice |     <-- fixed width displayed on the page

|next choice     |
|previous choice |  <-- dropdown area to select another item
|dummy           |

这可以通过CSS或通过jQuery设置的下拉列表属性来实现吗？

Answer 1

您可以使用CSS或使用方法设置DropDown列表的宽度.

如果你的身份DropDownList是,my-dropdown那么你应该写:

• 使用CSS

  #my-dropdown-list {
      width: auto !important;
  }
  

注意:我们已附加-list到原件id."!important"很重要,因为您要覆盖原始宽度定义.

• 使用方法

  $("#my-dropdown").data("kendoDropDownList").list.width("auto");
  

除了"auto"用于获取自动调整宽度的文本外,还可以使用固定宽度:

#my-dropdown-list {
    width: 300px !important;
}

要么:

$("#my-dropdown").data("kendoDropDownList").list.width(300);

Answer 2

上述答案对我不起作用.我有一个好处,就是知道我的下拉列表是div.

<div class="myDivClass">
   <select id="myDropDown"><option>First</option><option>Second></option></select>
   <!--... other stuff in the div-->
<div>

我发现span有类k-dropdown所以我添加了CSS

.myDivClass span.k-dropdown {
  width: 300px
}