Когда пользователь выбирает элемент в списке, бывает удобно сразу увидеть информацию об элементе и отредактировать ее.

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

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

Есть возможность настроить, где отображать форму редактирования относительно списка: слева, справа, внизу, сверху.

Пример настройки

  1. Добавить элемент iframe.

     <iframe id="editor" style="width:100%; height:600px;"></iframe> 
    
  2. Установить обработчик события открытия формы редактирования из WOLV.

     $('#wolv').on('showeditingpage.wolv', function (e, d) {
         // Отключается базовая логика (переход на форму редактирования).
         e.preventDefault();
        
         // Установка адреса для фрейма.
         $('#editor').attr('src', d.data.editingUrl);
     });