как изменить вид сетки через Ajax? yii2
Прежде всего я работаю с фреймворком yii2.0.
Да, у меня есть сетка, которая извлекает данные из моей базы данных. В настоящее время он работает, и если я использую любой из поисков, он перезагрузит страницу с новыми данными.
Однако сейчас я создал несколько выпадающих категорий. В основном есть три уровня категорий, поэтому основная категория подкатегория и дочерняя категория. На данный момент у меня есть два ajax-запроса, которые будут заполнять подкатегорию и дочернюю категорию при изменении выпадающего списка. (Он заполняет категории из моей базы данных).
Теперь я хочу, чтобы в gridview отображались случаи, связанные с дочерними категориями. Поэтому, когда я выбираю свою первую категорию, затем выбираю мою вторую и дочернюю категорию, в gridview отображается содержимое, которое к ней относится.
В данный момент мой контроллер отображает searchModel + dataProvider для вида сетки как видно ниже::
public function actionIndex()
{
$searchModel = new CaseSearch();
$allCategory = Category::find()->all();
$dataProvider = $searchModel->search(Yii::$app->request->queryParams);
return $this->render('index', [
'searchModel' => $searchModel,
'dataProvider' => $dataProvider,
'allCategory' => $allCategory
]);
}
и, на мой взгляд, он отображает данные с этим ::
<?= GridView::widget([
'dataProvider' => $dataProvider,
'filterModel' => $searchModel,
'columns' => [
'case_id',
'name',
'judgement_date',
'year',
['class' => 'yii\grid\ActionColumn'],
],
]); ?>
Как мне достичь этого? Должен ли я создать что-то _grid.php, что я могу затем сделать из моего представления и отправить туда запрос ajax?
Решение
Самый простой способ достичь этой функциональности — это обернуть GridView со встроенным Pjax виджет вроде так:
use yii\widgets\Pjax;
<?php Pjax::begin(); ?>
// Place GridView code here
<?php Pjax::end(); ?>
С помощью js вы можете вызвать отправку формы следующим образом:
$('.grid-view-selector').yiiGridView('applyFilter');
Если pjax прилагается, контент будет динамически заменен без перезагрузки страницы.
Официальные документы:
Другие решения
Я, вероятно, буду использовать GridView $ filterSelector.
И добавьте селектор для вашей пользовательской категории dropDown.
После этого вам нужно будет добавить атрибут категории для вас SearchModel.
В финале — вы получите фильтр с добавленным вами пользовательским полем для стандартных