Плагин Selectize в free-jqGrid не отображает все значения

Я использую free-jqGrid 4.13.5 и выбираю 0.12.4.

Я пытаюсь применить selectize к моим раскрывающимся спискам во встроенном редактировании. Но в раскрывающемся списке отображается только одно значение.

  editoptions: {
                  value: "FE:FedEx;TN:TNT;IN:Intime",
                  defaultValue: "Intime",
                  dataInit: function(element) {
                                $(element).selectize();
                            }

Это работает, если я использую select2 вместо selectize.

Скрипт: https://jsfiddle.net/henrik79/90hj0wd9/


selectize.js free-jqgrid
person Henrik    schedule 13.12.2016    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Основная проблема, по-видимому, заключается в родительском элементе раскрывающегося списка selectize. Чтобы решить эту проблему, я предлагаю вам использовать опцию dropdownParent: "body":

dataInit: function(element) {
    $(element).selectize({
        dropdownParent: "body"
    });
}

Исправленная демонстрация https://jsfiddle.net/OlegKi/90hj0wd9/2/ использует изменения. Я добавил некоторые другие свойства CSS, чтобы улучшить внешний вид результатов:

.selectize-dropdown-content {
    font-size: 11px;
    font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif
}
.selectize-input {
  min-height: 1.7em;
}
.selectize-input {
    padding: .4em .3em;
}
.DataTD .selectize-control {
    height: 24px;
}
.ui-jqgrid tr.jqgrow > td {
    border-color: inherit;
 }
person Oleg    schedule 13.12.2016