free-jqGrid에서 플러그인을 선택하면 모든 값이 표시되지 않습니다.

Question

저는 free-jqGrid 4.13.5를 사용하고 0.12.4를 선택하고 있습니다.

인라인 편집의 드롭 다운에 selectize를 적용하려고합니다. 그러나 드롭 다운에는 하나의 값만 표시됩니다.

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

selectize 대신 select2를 사용하면 작동합니다.

는

바이올린 : https://jsfiddle.net/henrik79/90hj0wd9/

Answer 1

가장 큰 문제는 selectize의 드롭 다운의 부모가 될 것으로 보인다.

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

https://jsfiddle.net/OlegKi/90hj0wd9/2/이 변경을 사용하여 고정 데모 :이 문제를 해결하려면 당신이 dropdownParent: "body" 옵션을 사용하는 것이 좋습니다. 결과의 모양을 개선하기 위해 다른 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; 
}