jqGrid — добавить флажок в выпадающем меню панели инструментов

#jquery #checkbox #jqgrid #jqgrid-php

#jquery #флажок #jqgrid #jqgrid-php

Вопрос:

Я пытаюсь добавить флажок в раскрывающемся списке панели инструментов jqGrid, но я не могу понять, как это сделать. У меня есть поле множественного выбора, которое работает нормально, но я хочу заменить его флажком, который будет виден в раскрывающемся списке.

Мой код

 {
    name: 'Status',
    index: 'account.status',
    searchoptions: {
        sopt: ['eq'],
        value: ":All;0:Pending;1:Warming;2:Running;3:Dead;4:ID Verification",
        multiple: true
    },
    stype: 'select'
}
  

jqGrid js версии 5.1.1

Я также приложил скриншот для лучшего понимания.

Это то, что у меня есть

введите описание изображения здесь

Это то, что мне нужно

введите описание изображения здесь

Любое предложение будет очень полезным для меня.

Заранее спасибо.

Комментарии:

1. Полный пример: ok-soft-gmbh.com/jqGrid/OK/MultiselectIn.htm

Ответ №1:

Вы можете создать выпадающий список с помощью флажка, используя ui.multiselect.

Включите эти 2 файла

 <link rel="stylesheet" type="text/css" href="path/to/your/ui.multiselect.css" />
<script src="path/to/your/jquery-ui.min.js" type="text/javascript"></script>
  

Затем попробуйте этот код.

 {
name: 'Status',
 index: 'account.status',
 stype: 'select',
 searchoptions: {
  sopt: ['eq'],
  value: ":All;0:Pending;1:Warming;2:Running;3:Dead;4:ID Verification",
  multiple: true,
  dataInit: function(e){
  $(e).multiselect({
  minWidth: 120,
   selectedList: 2,
   noneSelectedText: "Any"
  });
  }
 }
}