在free-jqGrid中选择插件并不会显示所有值。

Question

我使用的是免费的jqGrid 4.13.5并选择0.12.4。

我正在尝试在内联编辑中对下拉列表进行选择。但是在下拉列表中只显示一个值。

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

如果我使用的是select2，而不是选择，它就能工作。

小提琴：https://jsfiddle.net/henrik79/90hj0wd9/

Answer 1

主要的问题似乎是选择的下降之父。要解决这个问题，我建议您使用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;
 }