Yii2：如何在Gridview之外呈现Pjax内容，由Gridview按钮触发

Question

对于那些有这个问题的人，我会帮你省去一些头痛。

总之：Pjax链接选择器必须指向一个

我遇到的问题是使用Pjax更新Gridview小部件之外的内容。我使用Html:：button添加了一个自定义按钮，但pjax由于未知原因失败。

在gridview小部件上测试pjax时，使用'class'=本机按钮

收到此错误：未捕获$。fn。pjax或$。pjax。单击需要一个锚元素。

文件位置：app/views/default/pjax示例。php

<?php Pjax::begin([
    'id'=>'p0',
    'timeout' => false,
    //Selector must target the <a> anchor.      
    'linkSelector'=>'.action-select', 
]); ?>
<?php Pjax::end(); ?>

$data = [
    ['step_id' => 1, 'step_name' => 'Step A'],
    ['step_id' => 2, 'step_name' => 'Step B'],
    ['step_id' => 3, 'step_name' => 'Step C'],
];
$dataProvider = new ArrayDataProvider([
    'allModels' => $data,
    'sort' => [
       'attributes' => ['id', 'name'],
    ],
]);
echo GridView::widget([
    'dataProvider' => $dataProvider,
    'tableOptions' => [
        'class' => 'table',
    ],
    'columns' => [
        'step_id',
        'step_name',
        [
            'class' => 'yii\grid\DataColumn',
            'label' => 'Button-1',
            'format'=> 'raw',
            'value' => function ($url, $data) {
                return Html::a(
                    '<span class="glyphicon glyphicon-flash"></span>',
                    Url::to(['default/select', 'id'=>$data['step_id']]),
                    [
                        'class' => 'btn btn-danger btn-xs action-select',
                        'data-pjax'=> 'p0', // We must specify the pjax ID.
                    ]
                );
            },
        ],
        [
            'class' => 'yii\grid\ActionColumn',
            'template' => '{select}',
            'header' => 'Button-2',
            'buttons' => [
              'select' => function ($url, $data) {
                return Html::Button(
                  '<span class="glyphicon glyphicon-pencil"></span>',
                  ['value' => Url::to(['default/select', $data['step_id']]),
                    'class' => 'btn btn-danger btn-xs action-select',
                    'data-pjax'=> 'p0',
                ]);
              },
            ],
        ],
    ],
]);

文件位置：app/控制器/defaultController.php

public function actionSelect()
{
    $random_val = 'Rand_01: ' . rand(10,100);
    return $random_val;
}

public function actionPjaxExample()
{
    $random_val = 'Rand_02: ' . rand(10,100);
    return $this->render('pjax-example', [
        'random_val' => $random_val
    ]);
}

Answer 1

我使用这个代码没有链接选择器。而且也没有data-pjax=0

视图/平移/index.php

<?php Pjax::begin(['id' => 'translate-grid', 'timeout' => false, 'enablePushState' => true]) ?>
# here you form
<?php $form = ActiveForm::begin(['action'=> Url::current(),'id'=>'edit-form']) ?>
      <?= $form->field($model, 'word')->textInput() ?>
<?php ActiveForm::end() ?>
<?= GridView::widget([
           'id' => 'data-grid',
           'dataProvider' => $dataProvider,
           'columns'      => [
              [
                'attribute' => 'title',
                'format'    => 'raw',
                'value'     => function ($model) {
                    return Html::a($name, [                                                                    
                        'id' => $model->id
                    ]);
                 },
              ],
           ]
     ]) ?>
<?php Pjax::end() ?>

控制器/传输控制器。php

public function actionIndex($id = false)
{
    $searchModel = new TranslateSearch();
    $model       = $id ? $this->findModel($id) : new Translate();

    if ($model->load(Yii::$app->request->post())) {
        if ($model->save()) {
            return $this->redirect(Yii::$app->request->getReferrer());
        }
    }

    return $this->render('index', [
        'model'        => $model,
        'searchModel'  => $searchModel,
        'dataProvider' => $searchModel->search(Yii::$app->request->get()),
    ]);
}