jqGrid как добавить несколько флажков в столбец

Question

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

Моя идея: пользователь должен иметь возможность выбирать нужные параметры по своему усмотрению, установив флажки, указанные в определенной ячейке (в режиме добавления или редактирования :в очереди). После сохранения строки должен отображаться только выбранный пользователем вариант (без флажков).

Ниже мой фрагмент кода для выбора ящика для конкретного столбца:

{ 
    name: 'RoomTypes', index: 'RoomTypes', width: 300, editable: true, edittype: 'select', 
        editoptions: { 
         value: roomTypesFormatterEdit, 
         custom_element: function (value, options) { 
          return $.jgrid.createEl.call(this, "select", 
           $.extend(true, {}, options, { custom_element: null, custom_value: null }), 
           value); 
         }, 
         custom_value: function ($elem, operation, value) { 
          if (operation === "get") { 
           return $elem.val(); 
          } 
         }, 
         multiple: true 
        }, 
        align: 'left', formatter: roomTypesFormatter 
       }, 

Где «roomTypesFormatterEdit» обратный список имен гостиничных номеров, которые будут отображаться в окне выбора.

Также я хочу переставить высоту редактирования (режим редактирования) строки в соответствии с высотой флажков или показать все элементы в окне выбора

Пожалуйста, помогите Спасибо всем

Answer 1

Я думаю, что вам не нужно, чтобы написать пользовательский элемент управления для редактирования (custom_element и custom_value) или пользовательские форматировщик (formatter и unformat). Вместо этого вам нужно просто добавить свойство multiple: true в editoptions, чтобы иметь базовые функции мультиселектора. Для улучшения видимости вы можете использовать некоторые существующие элементы управления, такие как jQuery UI MultiSelect Widget или Select2. The answer и this one предоставляют демонстрации, в которых используется виджет MultiSelect для jQuery UI. One more answer и this one предоставляют демонстрационные версии, которые используют Select2. Демонстрации не используют многофункциональные функции Select2, но это всего лишь опция управления (см. the documentation).