Yii2:使用 Pjax 更新网格视图 [英] Yii2: Updating Grid-view using Pjax

问题描述

遵循此 Wiki Yii 2.0:ActiveForm 上的 Pjax和 GridView - Yii2

我曾尝试使用我的 gridview 在不重新加载页面的情况下在 Ajax 上进行更新，但未能成功.

我的_form.php代码

registerJs('$("文档").ready(function(){$("#new_medicine").on("pjax:end", function() {$.pjax.reload({容器:"#medicine"});//重新加载GridView});});');?><?php使用 yiihelpersHtml;使用 yiiwidgetsActiveForm;使用kartikgridGridView；//使用yiigridGridview;使用 yiidataActiveDataProvider;/* @var $this yiiwebView *//* @var $model appmodelsMedicine *//* @var $form yiiwidgetsActiveForm */?><!-- <div class="row"><div class="col-lg-6 col-lg-offset-3">--><div class="medicine-form"><?php yiiwidgetsPjax::begin(['id' => 'new_medicine']) ?><?php $form = ActiveForm::begin(['options' => ['data-pjax' => true ]]);?><?= $form->field($model, 'medicine_id')->textInput(['maxlength' => 10]) ?><?= $form->field($model, 'medicine_name')->textInput(['maxlength' => 50]) ?><div class="form-group"><?= Html::submitButton($model->isNewRecord ?'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?><?= Html::submitButton($model->isNewRecord ? 'Save & New' : '',$option=['class' => $model->isNewRecord ? 'btn btn-success' :'btn btn-primary','name'=>'save_and_new']) ?>

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

控制器中的代码

公共函数actionIndex(){$model = new Medicine();if ($model->load(Yii::$app->request->post()) && $model->save()){$model = new Medicine();//重置模型}$searchModel = new MedicineSearch();$dataProvider = $searchModel->search(Yii::$app->request->queryParams);返回 $this->render('index', ['搜索模型' =>$搜索模型，'数据提供者' =>$数据提供者，'模型' =>$模型，]);}

index.php 中的代码

title = '药物';$this->params['breadcrumbs'][] = $this->title;?><div class="medicine-index"><h1><?= Html::encode($this->title) ?></h1><?php//echo $this->render('_search', ['model' => $searchModel]);?><p><?= Html::a('Create Medicine', ['create'], ['class' => 'btn btn-success']) ?></p><?php yiiwidgetsPjax::begin(['id' => 'medicine']);?><?= GridView::widget(['数据提供者' =>$数据提供者，'过滤器模型' =>$搜索模型，'列' =>[['类' =>'yiigridSerialColumn'],'ID'，'medicine_id','药物名称',['类' =>'yiigridActionColumn'],],]);?><?php yiiwidgetsPjax::end();?>

我想我已经非常仔细地遵循了说明，但肯​​定我遗漏了一些东西，因为网格视图没有显示在没有重新加载页面的情况下添加的新记录.

任何帮助将不胜感激.谢谢.

解决方案

尝试解释如何将其作为一个小部件；这是一个通用的解决方案，如有问题请联系我:

控制器(@your-alias/controllers/yourController):

<代码>...公共函数 actionManage($param=''){$model = new YourModel();if (Yii::$app->request->isPjax && $model->load(Yii::$app->request->post()) && $model->;保存()){$model = new YourModel();//重置模型}$model->paramId = $param;$queryParams = Yii::$app->request->getQueryParams();$queryParams['YourModelSearch']['param'] = $param;$searchModel = new YourModelSearch();$dataProvider = $searchModel->search($queryParams);return $this->renderAjax('@your-alias/widgets/views/index', ['搜索模型' =>$搜索模型，'数据提供者' =>$数据提供者，'模型' =>$模型，]);} ...

小部件(@your-alias/widgets/)[表单，视图]:

_form:

use yiihelpersHtml;使用 yiiwidgetsActiveForm;使用 yiiwidgetsPjax;/*** @var yiiwebView $this* @var yourModule/models/YourModel $model* @var yiiwidgetsActiveForm $form*/?><?php$js = <<<JS//获取表单id并设置事件$('form#{$model->formName()}').on('beforeSubmit', function(e) {var $form = $(this);//在这里做什么，看到参数 $form?是表单的 jQuery 元素console.log($form);console.log("MODEL CODE = " + $("#yourmodel-code").val());}).on('提交', 函数(e){e.preventDefault();});JS;//$this->registerJs($js);$this->registerJs('$("#new-your-model").on("pjax:end", function() {commonLib.divAction("#div_new_model", "隐藏");//隐藏表单$.pjax.reload({容器:"#models"});//重新加载GridView});', yiiwebView::POS_READY);?><div class="model-form"><?php Pjax::begin(['id' => 'new-model', 'timeout' => false, 'enablePushState' => false]) ?><?php $form = ActiveForm::begin(['id' =>$model->formName(),//'方法' =>'邮政'，'动作' =>['/module/controller/manage?param='.$model->code],'选项' =>['数据-pjax' =>真的 ]，//'布局' =>'默认'，]);?><?= $form->field($model, 'code')->textInput(['maxlength' => 255]) ?>...<div class="form-group"><?= Html::submitButton($model->isNewRecord ?'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>

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