yii2弹出层如何设置

  介绍

这篇文章主要介绍了yii2弹出层如何设置,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强> Moda

<强>我们看看在yii2中如何使用模态。

比如我们之前添加数据的时候,通常情况下会点击按钮跳转到添加页面,保存后再跳转到列表页。

现在我们希望点击添加按钮的时候,在当前页面弹窗添加数据,看具体实现。

<强> 1,使用yii \引导\模态;2,创建一个按钮,用于调模态的显示

echo  html::一个(& # 39;创建& # 39;,,& # 39;# & # 39;,,(   ,,,& # 39;id # 39;,=祝辞,& # 39;创建# 39;   ,,,& # 39;data-toggle& # 39;,=祝辞,& # 39;模态# 39;   ,,,& # 39;data-target& # 39;,=祝辞,& # 39;# create-modal& # 39;   ,,,& # 39;类# 39;,=祝辞,& # 39;btn  btn-success& # 39;   ]);

<强> 3,给按钮添加点击事件

requestUrl 美元;=,Url: toRoute(& # 39;创建# 39;);   时间=美元js  & lt; & lt; & lt; JS   ,,,(文档)。在美元(& # 39;点击# 39;,,& # 39;#创建# 39;,,function  (), {   ,,,,,,,$ . get (& # 39; {$ requestUrl} & # 39;,, {},   ,,,,,,,,,,,function (数据),{   ,,,,,,,,,,,,,,,美元(& # 39;.modal-body& # 39;) . html(数据);   ,,,,,,,,,,,},,   ,,,,,,,);   ,,,});   JS;   $ this→registerJs (js);

4,我们在第三步中看到,点击(创建)按钮会异步请求数据,我们修改请求操作方法如下

public  function  actionCreate ()   {   ,,,model 美元;=,new 测试();   ,,,if (模型→美元负载(Yii:应用程序→美元请求→post()),,,,美元模型→保存()),{   ,,,,,,,return  $ this→重定向((& # 39;指数# 39;]);   ,,,},{else    ,,,,,,,return  $ this→renderAjax(& # 39;创建# 39;,,(   ,,,,,,,,,,,& # 39;模型# 39;,=祝辞,元模型,   ,,,,,,,);   ,,,}   }

5,这个时候我们点击按钮(创建),会看到模态弹窗,截图如下。

 yii2弹出层如何设置

感谢你能够认真阅读完这篇文章,希望小编分享的“yii2弹出层如何设置”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

yii2弹出层如何设置