yii2中结合gridview如何使用modal弹窗实例代码详解
|
在上篇文章给大家介绍了，即以创建为例。 实际开发中，我们往往还会遇到列表页数据修改要使用modal的情况，如果是一般的循环展示，相信大多数人看了modal的基本使用都会操作，但是结合gridview估计有些人就开始吃不消了，我们看看如何解决这个问题！ 1、gridview的操作增加[更新]按钮，并指定data-toggle data-target class以及data-id的值 'yiigridActionColumn','template' => '{update}','buttons' => [
'update' => function ($url,$model,$key) {
return Html::a('更新','#',[
'data-toggle' => 'modal','data-target' => '#update-modal','class' => 'data-update','data-id' => $key,]);
},],
2、为更新添加modal 'update-modal','header' => '
','footer' => '',]);
$requestUpdateUrl = Url::toRoute('update');
$updateJs = <<JS;registerJs($updateJs);
Modal::end();
?>
3、修改我们的update方法findModel($id);
if ($model->load(Yii::$app->request->post()) && $model->save()) {
return $this->redirect(['index']);
} else {
return $this->renderAjax('update',[
'model' => $model,]);
}
}
可以看出整个过程中跟我们之前说的modal基本使用没什么差别。但是到此并没有结束，相信大多数人可能会遇到下面常见的几个难以解决的问题：
|