Javascript 无法设置Kendodropdownlist宽度

Javascript 无法设置Kendodropdownlist宽度,javascript,kendo-ui,kendo-asp.net-mvc,Javascript,Kendo Ui,Kendo Asp.net Mvc,我有一个kendodropdownlist,如下所示 @ (Html.Kendo().DropDownList() .Name("AllocatePremiumBy") .DataTextField("AllocationMethodName") .DataValueField("AllocationMethodID") .BindTo(ViewBag.AllocateMethods as IEnumerable < KendoPOC.Models.Allo

我有一个kendodropdownlist,如下所示

@ (Html.Kendo().DropDownList()
    .Name("AllocatePremiumBy")
    .DataTextField("AllocationMethodName")
    .DataValueField("AllocationMethodID")
    .BindTo(ViewBag.AllocateMethods as IEnumerable < KendoPOC.Models.AllocationMethod > )
    .OptionLabel(new {
    AllocationMethodName = "Please Select", AllocationMethodID = 0
}))
$(document).ready(function () {
    var dropdown = $("#newPlanDropDown").data("kendoDropDownList");

    dropdown.list.width(400);
})

但是,我无法设置宽度,出现错误。下拉列表值为null或未定义。如果出现错误,请提供帮助:

kendoDropDownList没有用于其配置的属性宽度。

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

#newPlanDropDown .k-dropdown {
     width: 400px;
}

您可以使用HtmlAttributes设置下拉列表的宽度。试试这个代码

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