Как использовать виджет yii2-sortable-grid-view-widget?

yii2-sortable-grid-view-widget является расширением для фреймворка Yii2, предоставляющее возможность создания сортируемой и перетаскиваемой таблицы данных.

Для использования виджета yii2-sortable-grid-view-widget нужно выполнить следующие шаги:

1. Установка виджета через Composer. Для этого введите следующую команду в командной строке:

composer require nirvana-msu/yii2-sortable-grid-view-widget

2. После установки виджета нужно подключить его в вашем приложении. Добавьте следующую строку в секцию "require" файле composer.json вашего приложения:

"nirvana-msu/yii2-sortable-grid-view-widget": "*"

3. После этого выполните команду:

composer update

4. Затем нужно добавить виджет в представление, где вы хотите использовать сортируемую и перетаскиваемую таблицу данных. Например, если вы хотите использовать виджет в представлении index.php, добавьте следующий код:

use nirvanasortablegridSortableView;
use yiigridGridView;

echo SortableView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        ['class' => 'yiigridSerialColumn'],
        'column1',
        'column2',
        'column3',
        // ... остальные столбцы таблицы
    ],
]);

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

echo SortableView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        ['class' => 'yiigridSerialColumn'],
        'column1',
        'column2',
        'column3',
        // ... остальные столбцы таблицы
    ],
    'sortableOptions' => [
        'sortableOptions' => [
            'enabled' => true, // возможность перетаскивания строк
            'itemSelector' => 'tr',
            'handle' => '.handle', // класс элемента, за который перетаскивают строки
        ],
        'sortableClientOptions' => [
            'connectWith' => '.sortable', // класс таблицы, с которой можно обмениваться строками
        ],
    ],
    'gridOptions' => [
        'resizableColumnsOptions' => [
            'resizeFromBody' => false, // изменение ширины столбцов за счет изменения ширины строки
        ],
    ],
]);

6. Теперь вы можете открыть ваше приложение в браузере и увидеть сортируемую и перетаскиваемую таблицу данных.

В итоге, yii2-sortable-grid-view-widget позволяет легко добавить возможность сортировки и перетаскивания строк в таблицах данных вашего Yii2-приложения. Путем настройки соответствующих параметров виджета вы можете добиться необходимой функциональности и интерактивности таблицы данных.