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

Ниже представлен пример настроки 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);
    });