我如何定制Yii2 gridview排序？

Question

如何使用自定义的gridview标题进行排序？

请在Yii2 gridview小部件dataprovider给出label和header之间的区别。

这是我的代码：

    <?= GridView::widget([
            'dataProvider' => $dataProvider,
            'columns' => [
                 [
                   'class' => 'yii\grid\DataColumn',
                   'value' => function ($data) {
                    return $data->myTitle; 
                    },
                   'headerOptions' => ['style'=>'text-align:center'],
                   'header' => 'Page Title',
                   'label' => 'Title'
                ],
   ]); ?>

header和label执行相同的功能？

如何在$data->myTitle执行排序？

这是我的输出屏幕：

我想要页面标题，状态，修改日期应该是活动的。

提前致谢。

Answer 1

找到了答案。

请在搜索模型中向ActiveDataProvider添加属性。

$dataProvider = new ActiveDataProvider([
        'query' => $query,
        'pagination' => [
                'pageSize' => 5,
                ],
        'sort' => ['attributes' => ['myTitle']],
       ]);

在窗口小部件中添加属性选项：

    <?= GridView::widget([
            'dataProvider' => $dataProvider,
            'columns' => [
                 [
                   'class' => 'yii\grid\DataColumn',
                   'value' => function ($data) {
                    return $data->myTitle; 
                    },
                   'headerOptions' => ['style'=>'text-align:center'],
                   'attribute' => 'myTitle',
                   'label' => 'Page Title'
                ],
   ]); ?>

Answer 2

由于myTitle是数据库中的字段而不是自定义值，因此您只需使用属性即可 。 其余可能是不必要的，例如默认class是DataColumn

'columns' => [ 
    [ 
        'attribute' => 'myTitle',
        'label' => 'Label',
    ]

Answer 3

我不太清楚我理解你的问题，但排序选项可以包含在你的modelsearch.php 。 所以在你的情况下你必须这样做。

$dataProvider = new ActiveDataProvider([
            'query' => $query,
            'sort'=> ['defaultOrder' => ['your_column'=>SORT_ASC]]
        ]);

如果myTitle是数据库中的一个字段，为什么要使用如此长的语法。 只是

'Columns'=>[
           .. 
           'myTitle',
           ..
           ],

应该工作正常，应该活跃进行排序

如果你想为列提供不同的标题/标签，请使用标签而不是标题，因为标题只是一个单元格内容，不能用于排序，而标签可以。 细节

[
..
'attribute'=>'myTitle',
'label' => 'Page Title'
..
],