剑道下拉宽度

Question

嗨,有人可以告诉我如何设置剑道下拉的宽度？这是我的代码示例,它无法正常工作.有什么不对吗？

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

Answer 1

kendoDropDownList没有配置的属性宽度.请参阅此处:Kendo Docs

你可以做的是设计正确的班级.由于您希望知道下拉列表的位置,因此您可以指定选择器,使其不适用于所有下拉列表.

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

Answer 2

如果您必须为不同的控件提供不同的宽度,您可以按照以下方法为特定控件提供宽度.

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

Answer 3

如果应用MVC Razor DropDownList HTML帮助器/包装器语法,则可以使用方法HtmlAttributes指定下拉列表的宽度,如:

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