zertex/yii2-gridstackjs

Gridstack.js widget for Yii2

Gridstack.js виджет для Yii2

Интеграция в Yii2 Gridstack.js, _(*1)

Установка

Желательно устанавливать через composer., _(*2)

В консоли укажите, _(*3)

php composer.phar require --prefer-dist zertex/yii2-gridstackjs "*"

или добавьте в composer.json, _(*4)

"zertex/yii2-gridstackjs": "*"

Использование

Используйте Gridstack.js как любой другой виджет Yii2., _(*5)

use zertex\gridstack\Gridstack;

['class'=>'grid-stack'],
    'clientOptions'=>[
        'cellHeight'=> 80,
        'verticalMargin'=> 10,
    ],
]);?>

=$gridstack->beginWidget(['class'=>'grid-stack-item','data-gs-width'=>"4",'data-gs-height'=>"2",'data-gs-x'=>"0",'data-gs-y'=>"0",]);?>
    <div class="grid-stack-item-content"></div>
=$gridstack->endWidget();?>

=$gridstack->beginWidget(['class'=>'grid-stack-item','data-gs-width'=>"4",'data-gs-height'=>"4",'data-gs-x'=>"4",'data-gs-y'=>"0",]);?>
    <div class="grid-stack-item-content"></div>
=$gridstack->endWidget();?>

Для использования Gridstack.js в JavaScript добавьте GridstackAsset в представлении., _(*6)

public $depends = [
...
'zertex\gridstack\GridstackAsset',
...
];