无法设置KendoDropDownList窗口大小

Question

我正在尝试为KendoDropDownList设置下拉窗口的宽度。使用以下代码：

<input id="dropdownlist" name="SelectedServiceLine"/>

<script>
    $(function() {
        var mdl = @Html.Raw(Json.Encode(Model.ServiceLines));
        var ddl = $("#dropdownlist").kendoDropDownList({
            dataSource: mdl,
            name: "SelectedServiceLine",
            dataTextField: "Description",
            dataValueField: "Description"
        });
        var dropdownlist = $("#dropdownlist");
        var kendoDDL = dropdownlist.data("kendoDropDownList");
        kendoDDL.list.width(400);
    });
</script>

下拉列表显示并且是KendoDropDownList。所以我知道调用var ddl=$（“#dropdownlist”）。kendoDropDownList（）正在工作。但是，我在调用kendoDDL时遇到一个异常。列表宽度（400）。

0x800a138f-JavaScript运行时错误：无法获取未定义或空引用的属性列表

调用var dropdownlist=$（“#dropdownlist”）返回一个对象。因此，“dropdownlist”元素确实存在。但是对dropdownlist的调用。数据（“kendoDropDownList”）未定义。我不知道从这里到哪里去找问题。显然，剑道之所以被定义是因为剑道下拉列表的渲染是正确的。但由于某些原因，我无法选择元素并设置列表的宽度属性。

Answer 1

问题是，我在KendoDropDownList上设置了“Name”属性。但是，“名称”不是有效的属性。应该是这样的：

    var ddl = $("#dropdownlist").kendoDropDownList({
        dataSource: mdl,            
        dataTextField: "Description",
        dataValueField: "Description"
    });

Answer 2

我会像这样设置宽度。它将自动将宽度调整为列表中最大的项目。

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

更新：您也可以尝试以下操作：

var ddl = $("#dropdownlist").css("width", "400px").kendoDropDownList({ ...