Kendo ui 剑道下拉宽度

嗨，有人能告诉我如何设置剑道下拉的宽度吗？这是我的代码示例，它不起作用。有什么不对劲吗

$("#div1").kendoDropDownList({
    dataSource: items,
    dataTextField: "Name",
    dataValueField: "Id",
    Width : "250px"
});

---

kendoDropDownList没有其配置的属性宽度。请看这里：

你能做的就是设计正确的类。 由于您希望知道下拉列表的位置，因此可以指定选择器，使其不会应用于所有下拉列表

#myContainer .k-dropdown {
     width: 250px;
}

---

如果必须为不同的控件指定不同的宽度，可以按照以下方法为特定控件指定宽度

$("#div1").width(250).kendoDropDownList({
    dataSource: items,
    dataTextField: "Name",
    dataValueField: "Id",
})

---

要保持浏览器设置的自动宽度，请执行以下操作：

$("select").each(function () {
    $(this)
        .width($(this).width())
        .kendoDropDownList();
});

---

如果应用了MVC Razor DropDownList HTML helper/wrapper语法，则可以使用方法HtmlAttributes指定下拉列表的宽度，如：

 @(Html.Kendo().DropDownList()                                                            .Name("myDDL")
.HtmlAttributes(new { style="width:100px" })

---

你也可以试试这个

<script type="text/javascript">
  $(document).ready(function() {
    var kendoDropDown = $('#div1').data('kendoDropDownList');
    kendoDropDown.list.width(250);
  });
</script>

$（文档）.ready（函数（）{
var kendoDropDown=$（'#div1'）。数据（'kendoDropDownList'）；
kendoDropDown.list.width（250）；
});

---

更多文档可以在Telerik的官方API参考中找到。

最好使用CSS

#div1 {     
    width: 250px;
}

但将与代码一起工作

$("#div1").width(250).kendoDropDownList({
    dataSource: items,
    dataTextField: "Name",
   dataValueField: "Id",
})

---

这将是100%的工作，因为它已经为我工作，我尝试了上述解决方案，它没有为我工作，所以我发现我自己：），我希望你们都从中受益

#DivThatContainsTheDropdown .k-combobox{
width: 22em !important;
}

---

当我尝试应用类时，它正在应用所有下拉菜单。这不会更改下拉菜单弹出窗口的宽度（即单击下拉菜单时打开的弹出窗口），它还应该更改弹出窗口的宽度，如下所示：。你不是这样吗？那么，也许可以提出一个新问题！：）由于我的答案不适合您，请向我们展示您的相关代码，即：JS（这就是您拥有的）、CSS和HTML。另外，制作一个jsFiddle。