Question

这里有一些问题，但问题出在gridview中的过滤器中。

我的问题是我无法将外部表单与gridview本身集成，因为我不想使用属于gridview的搜索表单。

控制器

 <configuration>
  <property>
    <name>mapreduce.framework.name</name>
    <value>yarn</value>
  </property>
  <property>
    <name>mapreduce.map.java.opts</name>
    <value>-Xmx409m</value>
  </property>
  <property>
    <name>mapreduce.map.memory.mb</name>
    <value>512</value>
  </property>
  <property>
    <name>mapreduce.reduce.java.opts</name>
    <value>-Xmx819m</value>
  </property>
  <property>
    <name>mapreduce.reduce.memory.mb</name>
    <value>1024</value>
  </property>
  <property>
    <name>mapreduce.task.io.sort.mb</name>
    <value>204</value>
  </property>
  <property>
    <name>yarn.app.mapreduce.am.command-opts</name>
    <value>-Xmx819m</value>
  </property>
  <property>
    <name>yarn.app.mapreduce.am.resource.mb</name>
    <value>2048</value>
  </property>
</configuration>

浏览的index.php

public function actionIndex()
{
    $searchModel = new BlogSearch();
    $dataProvider = $searchModel->search(Yii::$app->request->queryParams);

    return $this->render('index', [
        'searchModel' => $searchModel,
        'dataProvider' => $dataProvider,
    ]);
}

_search.php

<?= Html::button('Filter', ['data-toggle' => 'modal', 'data-target' => '#filter-modal', 'class' => 'btn btn-primary']) ?>

<?php
    Modal::begin([
        'header' => '<h3>Search Blog</h3>',
        'id' => 'filter-modal'
    ]);
    echo $this->render('_search', ['model' => $searchModel]);
    Modal::end();
?>

<?php Pjax::begin(); ?>
<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        'title',
        'content'
    ]
]); ?>
<?php Pjax::end(); ?>

在“index.php”中，gridview在pjax中，但搜索表单在外面，但即使表单在“Pjax :: begin”中，它也不起作用。

也就是说，当我进行搜索时，会重新加载页面。我只想更新gridview。

Answer 1

据我从讨论中了解到，您不想使用GridView中的过滤字段，而是希望使用搜索表单来过滤GridView。如果这是正确的，你需要为此做两件事

1。在pjax块

中移动表单

index.php

<?= Html::button('Filter', ['data-toggle' => 'modal', 'data-target' => '#filter-modal', 'class' => 'btn btn-primary']) ?>
<?php Pjax::begin(['enablePushState'=>false]); ?>
<?php
    Modal::begin([
        'header' => '<h3>Search Blog</h3>',
        'id' => 'filter-modal'
    ]);
    echo $this->render('_search', ['model' => $searchModel]);
    Modal::end();
?>


<?= GridView::widget([
    'dataProvider' => $dataProvider,
    'columns' => [
        'title',
        'content'
    ]
]); ?>
<?php Pjax::end(); ?>

2。第二个最重要的是在表单选项中包含data-pjax选项。

_search.php

<?php $form = ActiveForm::begin([
    'action' => ['index'],
    'id'=>'my-form',
    'method' => 'get',
    'options' => [
        'data-pjax' => 1
    ],
]); ?>

<?= $form->field($model, 'title') ?>

<?= $form->field($model, 'content') ?>

<div class="form-group">
    <?= Html::submitButton('Search', ['class' => 'btn btn-primary']) ?>
</div>

<?php ActiveForm::end(); ?>

修改

您可能会发现模态叠加层停留在那里并且模态窗口本身隐藏的问题，为您的表单提供id id=>"my-form"，并在_search.php文件中添加以下内容以进行绑定ActiveFormJS
的beforeSubmit事件
$this->registerJs('$("#my-form").on("beforeSubmit", function (e) { $("#filter-modal").modal("hide"); });', \yii\web\View::POS_READY);

Yii2：搜索表单不能与Pjax中的Gridview一起使用

1 个答案: