yii2.0 kartik\grid的使用

YII2.0框架 专栏收录该内容
8 篇文章 0 订阅
composer require kartik-v/yii2-grid "@dev"

 当遇到下面问题:

Unable to locate message source for category 'kvgrid'.

 在config/web.php components添加:

'i18n' => [
        'translations' => [
            'app' => [
                'class' => 'yii\i18n\PhpMessageSource',
                'basePath' => '@app/messages',
            ],
            'kvgrid' => [
                'class' => 'yii\i18n\PhpMessageSource',
                'basePath' => '@app/messages',
            ],

 如果想实现在表格页面点击数据进行修改,需要添加:

composer require kartik-v/yii2-editable "@dev"

实现代码:

[
    'attribute' => 'build_name',
    'class'=>'kartik\grid\EditableColumn',
    'editableOptions'=>[
        'asPopover' => true,
    ],
],

想要显示标准页面如:

 需要添加:

composer require kartik-v/yii2-widgets "*"

 其他所需代码:

'containerOptions' => ['style' => 'overflow: auto'], // only set when $responsive = false
'headerRowOptions' => ['class' => 'kartik-sheet-style'],
'filterRowOptions' => ['class' => 'kartik-sheet-style'],

'toolbar' =>  [
    [
        'content' =>
            Html::button('添加', [
                'class' => 'btn btn-success',
                'title' => Yii::t('kvgrid', '添加建筑物信息'),
                'onclick' => 'alert("This will launch the book creation form.\n\nDisabled for this demo!");'
            ]).'&nbsp' ,
        'options' => ['class' => 'btn-group mr-2']
    ],
    '{export}',
    '{toggleData}',
],

//输出文件的样式
'export' => [
      'label' => '输出文件',
      'fontAwesome' => 'true',
],
// parameters from the demo form
'bordered' => true,
'striped' => true,
'condensed' => true,
'responsive' => true,
'hover' => true,
'panel' => [
    'type' => GridView::TYPE_PRIMARY,
    'heading' => false,
    'before'=>'<div style="margin-top:10px;"><div class="pull-left">{summary}</div></div>'
],
'toggleDataOptions' => [
    'minCount' => 10,
    'maxCount' => 100
],

 关于grid的边框问题,可以修改bower/bootstrap/dist/css/bootstrap.css文件,若无法改变,则修改min.css文件

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值