taguz91/yii2-custom-columns

此列适用于网格视图

1.0.0 2021-04-04 01:10 UTC

This package is auto-updated.

Last update: 2024-09-04 09:00:19 UTC


README

此列适用于网格视图,适用于bootstrap 4

Latest Stable Version Total Downloads Latest Unstable Version License

安装

安装此扩展的首选方式是通过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
];