README

本扩展为 Yii2 框架提供 Gridster.js 集成。

安装

安装此扩展的首选方法是使用 composer。

运行以下命令之一：

php composer.phar require --prefer-dist stratoss/yii2-gridster "*"

或者

"stratoss/yii2-gridster": "*"

将以下内容添加到您的 composer.json 文件的 require 部分。

使用方法

将 Gridster.js 当作任何其他 Yii2 小部件使用。

use stratoss\gridster\Gridster;

$gridster = Gridster::begin([
    'options'=>['class'=>'gridster'],
    'clientOptions'=>[
        'widget_margins'=> [10, 10],
        'widget_base_dimensions'=> [140, 140],
        'autogrow_cols'=> false,
        'resize'=>['enabled'=>true]
    ]
]);?>

<?= $gridster->beginWidget([
        'data-row'=>"1", 'data-col'=>"1", 'data-sizex'=>"5", 'data-sizey'=>"2",
    ]);
?>
    <header>Some text</header>
    The widget content
<?=$gridster->endWidget();?>

<?=$gridster->beginWidget([
        'data-row'=>"1", 'data-col'=>"1", 'data-sizex'=>"4", 'data-sizey'=>"1",
    ]);
?>
    <header>Some other text</header>
    The other widget content
<?=$gridster->endWidget();?>

<?php 
Gridster::end();

您还可以在应用的 JavaScript 层中使用 Gridster.js。为了实现这一点，您需要将 Gridster 作为 Asset 文件的依赖项包含。

public $depends = [
...
'stratoss\gridster\GridsterAsset',
...
];

stratoss / yii2-gridster

维护者

详情

README

安装

使用方法