Добавление FuelUX ComboBox в мой код MVC View Razor - PullRequest
0 голосов
/ 31 октября 2019

Я хотел бы реализовать комбинированный блок 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**

Представление не отображается правильно для раскрывающегося списка. Раскрывающийся список отображается не внутри группы, а напротив текстового поля.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...