taguz91 / yii2-custom-columns
此列适用于网格视图
1.0.0
2021-04-04 01:10 UTC
Requires
- bower-asset/bootstrap4-toggle: ^3.6
- taguz91/yii2-common-helpers: v1.0.3.1
- yiisoft/yii2: ~2.0.41
- yiisoft/yii2-bootstrap4: ^2.0
This package is auto-updated.
Last update: 2024-09-04 09:00:19 UTC
README
此列适用于网格视图,适用于bootstrap 4
安装
安装此扩展的首选方式是通过composer。
运行以下命令之一:
composer require taguz91/yii2-custom-columns
或者在您的composer.json文件的require部分添加:
"taguz91/yii2-custom-columns": "~1.0.0"
用法
扩展安装完成后,只需在代码中简单使用即可
GridView::widget([ 'dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'columns' => [ ['class' => 'yii\grid\SerialColumn'], [ 'class' => \taguz91\CustomColumns\ArrayValueColumn::class, 'array' => ['1' => 'One', '2' => 'Two'], 'default' => 'default', 'attribute' => 'attribute', ], [ 'class' => \taguz91\CustomColumns\CashColumn::class, 'attribute' => 'attribute', ], [ 'class' => \taguz91\CustomColumns\ImageColumn::class, 'attribute' => 'attribute', 'urlPrefix' => 'static/images', ], [ 'class' => \taguz91\CustomColumns\ModalColumn::class, 'attribute' => 'attribute', 'modalTitle' => 'Detail view', 'render' => Url::to(['detail', 'id' => 1]), ], [ 'class' => \taguz91\CustomColumns\MongoDateColumn::class, 'attribute' => 'attribute', ], [ 'class' => \taguz91\CustomColumns\PrefixColumn::class, 'attribute' => 'attribute', ], [ 'class' => \taguz91\CustomColumns\ShowColumn::class, 'attribute' => 'attribute', 'redirectTo' => 'detail/view' ], [ 'class' => \taguz91\CustomColumns\SwitchColumn::class, 'attribute' => 'attribute', ], [ 'class' => \taguz91\CustomColumns\SwitchColumn::class, 'attribute' => 'attribute', 'api' => 'api/v1/toggle', // This endpoint add the primarykey 'active' => true, // Condition for activate the toggle ], [ 'class' => \taguz91\CustomColumns\UpdatedAtColumn::class, ], ], ]);
对于\taguz91\CustomColumns\ModalColumn,您需要在布局中包含modal小部件
<?= \taguz91\CustomColumns\widgets\ModalAjax::widget() ?>
对于\taguz91\CustomColumns\SwitchColumn::class,您需要在AppAsset中包含bootstrap4-toogle资源
$depends = [ ..., \taguz91\CustomColumns\assets\ToggleAsset::class ];