Css 剑道UI下拉列表，使下拉面板比控件更宽

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

如果

dropDownList

的

id

是

drop

，则需要将CSS样式定义为：

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

---

要覆盖KendoUI计算的宽度并将其设置为（在本例中）

300px

另一种可能的方法：

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

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

---

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

实际上，有一个命令用于此：

---

$（“#idOfMyDropDownList”）.data（“kendoDropDownList”）.list.width（“auto”）
另一种可能的解决方案：

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

您可以在定义控件时直接设置：

.AutoWidth(true)

i、 e

这对我很有吸引力，谢谢你，萨西托。
dropdownlist.list.width（400）
使下拉面板的宽度与控制框本身的宽度不同。尝试此操作后，我有两条注释供其他人阅读：我必须使用#下拉列表{宽度：300px！重要；}。在为列表创建新CSS时，不要假设剑道下拉列表位于原始下拉列表（id为drop的下拉列表）的旁边，因为它不是。对于剑道版本2015.1.318，列表似乎位于HTML文档的底部（在我最初绑定的DIV之外）。
@(Html.Kendo().DropDownList()
  .Name("ddl")
  .DataTextField("Text")
  .DataValueField("Value")
  .AutoWidth(true)
  .BindTo(Model.list))