Yii2：在单击按钮时更改 Gridviews 的 DataProvider

Question

我的 Gridview 有 3 个单独的 dataProvider，一个有保存的数据，一个有未保存的数据，一个有两者。

现在这就是我想要完成的：

如果点击保存，dataProvider 将更改为保存数据的那个。

我正在这样尝试：

<?php 

if($i == 1){
    $dataProvider = $dataProviderSaved;
} elseif($i == 2) {
    $dataProvider = $dataProviderNotsaved;
} else {
    $dataProvider = $dataProviderBoth;
};

\yii\widgets\Pjax::begin(['id' => 'gridview', 'timeout' => false,
 'enablePushState' => false, 'clientOptions' => ['method' => 'POST']]) ?>

<?= GridView::widget([
    'dataProvider' => $dataProvider,
    //regular gridview..

\yii\widgets\Pjax::end(); ?>

Javascript:

var i = $i;

$("#saved").click(function(){
i=1;
$.pjax.defaults.timeout = false;//IMPORTANT
$.pjax.reload({container:"#gridview"});
});

', \yii\web\View::POS_READY);

所以，我刚刚读到在 JS 中更改 PHP 变量是 'impossible'。

我将如何做到这一点？
有没有更好的方法？
我需要3个吗数据提供者？（这意味着控制器内部有 3 个 find()）

Answer 1

您可以尝试两种方式：

第一个越简单，您分配给每个按钮（已保存、未保存、两者）控制器的三个独立阳离子的调用调用每个连接到单个 gridview 的相应视图，后者中的每一个都使用适当的数据提供者

第二个由控制器组成，您拥有与本例不同的三个数据提供者

    return $this->render('viewYourView', [
        '/modelContribuente' =>$modelContribuente,
        'dataProviderOne' => $providerOne,
        'dataProviderTwo' => $providerTwo,
        'dataProviderThree' => $providerThree,
    ]);(

在单个视图中，您可以创建三个网格视图，每个人都使用适当的数据提供者，然后使用按钮控制的 JQuery 功能显示或隐藏网格视图

Answer 2

如果我理解正确的话，您不需要 3 个数据提供者。您应该使用 GridView 的 FilterSelector 选项将该外部元素视为 GridView 过滤器的一部分。例如

echo GridView::widget([
    'dataProvider' => $dataProvider,
    'filterModel' => $searchModel,
    'filterSelector' => "input[name='ModelSearch[_selection]'],",
    ...

然后，在您的过滤器模型中，您根据该值进行过滤

switch($this->_selection) {
    case 'Saved':
        $query->andFilterWhere([...]);
        break;
    case 'Unsaved':
        $query->andFilterWhere([...]);
        break;
    case 'Both':
        $query->andFilterWhere([...]);
        break;

不要忘记将 _selection 属性添加到您的模型 class 和搜索模型 class 中的规则 () 作为 'safe'。

Yii2：在单击按钮时更改 Gridviews 的 DataProvider

Yii2: Change Gridviews' DataProvider on button click

javascript

php

gridview

yii2

pjax