Kendo DropDownListFor не будет расширяться за пределы столбца начальной загрузки - PullRequest
Новая
       21

Kendo DropDownListFor не будет расширяться за пределы столбца начальной загрузки

0 голосов
/ 12 сентября 2018

Я пытаюсь отобразить 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 " })
)

Есть ли способ развернуть выпадающий список, но нет элемента управления на экране?

1 Ответ

0 голосов
/ 12 сентября 2018

Если вы хотите расширить только ширину элементов, вы можете использовать опцию 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)

...