dan8551/yii2-remote-modal

Yii2 远程模态框

安装: 8

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 0

分支: 4

语言:JavaScript

类型:yii2-extension

v2.0.1 2021-03-22 20:58 UTC

This package is auto-updated.

Last update: 2024-09-23 04:47:49 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