Kendo DropDownListFor 不会超出引导列

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)