Я хотел бы реализовать комбинированный блок FuelUX в моем представлении. Я не могу заставить его правильно отобразиться.
Я попытался использовать пример кода, предоставленного по адресу: https://getfuelux.com/javascript.html#combobox
<div class="input-group input-append dropdown combobox" data-initialize="combobox" id="myCombobox">
<input type="text" class="form-control">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span></button>
<ul class="dropdown-menu dropdown-menu-right">
<li data-value="1"><a href="#">One</a></li>
<li data-value="2"><a href="#">Two</a></li>
<li data-value="3"><a href="#">Three</a></li>
<li data-value="4" ><a href="#">Four</a></li>
<li data-value="Item Five" data-foo="bar" data-fizz="buzz"><a href="#">Item Five</a></li>
</ul>
</div>
</div>
В списке «Мои представления» и «DropDown» есть следующее:
@Html.DropDownList("lab", new List<SelectListItem>(),"", new {
@class = "form-control dropdown-menu",
@type = "drop",
@onchange = "labChange(this)",
@required = "required",
@id = "lab"
Я пытался:
<div class="input-group input-append dropdown combobox" data-initialize="combobox" id="labComboBox">
<input type="text" class="form-control">
<div class="input-group-btn">
@Html.DropDownList("lab", new List<SelectListItem>(),"", new {
@class = "form-control dropdown-menu",
// @type = "drop",
@onchange = "labChange(this)",
@required = "required",
@id = "lab"
})
</div>
</div>**strong text**
Представление не отображается правильно для раскрывающегося списка. Раскрывающийся список отображается не внутри группы, а напротив текстового поля.