dan8551 / yii2-remote-modal
Yii2 远程模态框
v2.0.1
2021-03-22 20:58 UTC
README
#由dan8551开发的Yii2 远程模态框
此扩展允许以简化的方式使用多种类型的模态框,并使用Ajax。
要将它添加到您的项目中,您需要下载存档或使用Composer工具,这是首选方法。
在您的composer.json文件中添加以下行
"dan8551/yii2-remote-modal":"*"
然后运行 composer update
###在控制器中
在您控制器中的动作(您想要在模态框中显示的动作)中,添加以下代码
public function actionTest()
{
$request = \Yii::$app->request;
\Yii::$app->response->format = Response::FORMAT_JSON;
return [
'title'=> "Test Titre",
'content'=>"Test content", // for example: $this->renderAjax('view', [
// 'model' => $model,
// ]),
'footer'=> Html::button('Close',['class'=>'btn btn-default pull-left','data-dismiss'=>"modal"]).
Html::button('Save',['class'=>'btn btn-primary','type'=>"submit"])
];
}
在您的视图中
在文件开始处
use dan8551\components\modal\RemoteModal;
调用链接将是
<a href="/site/test" role="XXXXXXXXXID">测试</a>
在视图文件末尾,添加以下内容
<?php RemoteModal::begin([
"id"=>"XXXXXXXXXID",
"options"=> [ "class"=>"fade slide-right "],
"footer"=>"", // always need it for jquery plugin
])?>
<?php RemoteModal::end(); ?>
在options中可用的类有
- slide-right
- stick-up
- fill-in
- slide-up