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值为null或undefined。我出错了，请帮助：）

Answer 1

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

你能做什么，是正确的班级造型。由于您希望知道下拉列表的位置，因此您可以指定选择器，使其不适用于所有下拉列表。

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

Answer 2

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

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

无法设置Kendodropdownlist Width

2 个答案: