无法设置 Kendodropdownlist 宽度

Question

我有一个 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);
})

但是我无法设置宽度，而且我得到 error.dropdown 值要么为空，要么 undefined.Where 我出错了，请帮忙:)

Answer 1

kendoDropDownList 的配置没有属性宽度。 Kendo Docs

您可以做的是设置正确的样式 class。由于您希望确实知道下拉菜单的位置，因此您可以指定选择器，使其不适用于所有下拉菜单。

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

Answer 2

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

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

无法设置 Kendodropdownlist 宽度

Unable to set Kendodropdownlist Width

javascript

kendo-ui

kendo-asp.net-mvc