Question

我使用free-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

主要问题似乎是选择下拉的父母。要解决此问题，建议您使用dataInit: function(element) { $(element).selectize({ dropdownParent: "body" }); }选项：

.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;
 }

固定演示https://jsfiddle.net/OlegKi/90hj0wd9/2/使用这些更改。我添加了一些其他CSS属性来改善结果的外观：

{{1}}

free-jqGrid中的Selectize插件不会显示所有值

1 个答案: