Kendo DropDownListFor 不会扩展超过 bootstrap 列

Question

我试图在下拉列表中显示 2 列，并尝试使用模板等。但下拉列表不会扩展以水平显示全部内容，它受限于控件的大小（col-md-4）并在下拉列表中显示水平滚动条。

@(Html.Kendo().DropDownListFor(m => m.StreetPrefix)
    .BindTo(new List<SelectListItem>()
    {
       new SelectListItem() {Text="", Value = ""},
       new SelectListItem() {Text="East", Value = "E"},
       new SelectListItem() {Text="North", Value = "N"}
    })                                    
   .OptionLabel("Select...")
   //.Template("<table style='width:400px'><tr><td>#: data.Value #</td><td>  #: data.Text #</td></tr></table>")
   .HtmlAttributes(new { @class = "col-md-4 " })
)

有没有办法扩展下拉列表而不是屏幕上的控件？

Answer 1

如果它只是您想要展开的项目的宽度，那么您可以像这样使用控件的 AutoWidth 选项：

@(Html.Kendo().DropDownListFor(m => m.StreetPrefix)
        .BindTo(new List<SelectListItem>()
        {
new SelectListItem() {Text="", Value = ""},
new SelectListItem() {Text="East", Value = "E"},
new SelectListItem() {Text="North", Value = "N"}
        })
       .OptionLabel("Select...")
       .HtmlAttributes(new { @class = "col-md-4 " })
       .AutoWidth(true)
)

这应该会有所帮助 https://docs.telerik.com/aspnet-mvc/api/Kendo.Mvc.UI.Fluent/DropDownListBuilder#methods-AutoWidth(System.Boolean)

Kendo DropDownListFor 不会扩展超过 bootstrap 列

Kendo DropDownListFor won't expand past the bootstrap column

asp.net-mvc

razor

kendo-ui

kendo-asp.net-mvc