Kendo UI Dropdown，使下拉面板比控件更宽

Question

在Kendo UI下拉列表中，是否可以使下拉面板比控件宽？

Answer 1

另一种可能的方法：

var dropdownlist = $("#titles").data("kendoDropDownList");

// set width of the drop-down list
dropdownlist.list.width(400);

代码段取自官方示例（link）。

Answer 2

如果id的{​​{1}}为dropDownList，则需要将CSS样式定义为：

drop

用于覆盖KendoUI计算的宽度并将其设置为（在此示例中）#drop-list {  width: 300px !important; } 。

Answer 3

实际上，有一个命令：

$("#idOfMyDropDownList").data("kendoDropDownList").list.width("auto");

Answer 4

另一种可能的解决方案：

$("[data-role=dropdownlist]").each(function () {
  $(this).data("kendoDropDownList").list.width(300);
});

Answer 5

您可以在使用以下方法定义控件时直接进行设置：

.AutoWidth(true)

即

@(Html.Kendo().DropDownList()
  .Name("ddl")
  .DataTextField("Text")
  .DataValueField("Value")
  .AutoWidth(true)
  .BindTo(Model.list))