如何在yii2使用弹出模态（基本使用）

模态也是一个模态窗口，一般来说它是一个弹出窗口。是一个自举js的插件，使用效果非常好。

为什么使用模态不必说，一个网站，在开发过程中，你说你没有使用POP js我不相信它！好的弹出式窗口不仅给人以美感，它还将使我们的开发效率得到提高，甚至心情也会舒畅。

让我们来看看如何使用yii2模态。

例如，当我们添加数据之前，我们通常单击按钮跳转到Add页面，然后跳转到列表页面。

现在，我们希望单击Add按钮将数据添加到当前页面窗口以查看具体实现。
1、使用Yii 引导模态；

2。创建一个按钮来调整模式的显示。

回声的HTML：：一（'创建{#。
ID = >'创建，
数据切换' = > 'modal，
数据目标= >的#创建模式，
类= > 'btn BTN成功，
}）；

三.创建模式

< PHP
模式：：开始（
ID = > 'create-modal，
头=构建，
页脚= > '关闭'，
}）；
requesturl美元=网址：：toroute（'创建的）；
js
美元。得到（{ $ requesturl }，{ }，
函数（数据）{
$（模态体）。Html（数据）；
}
）；
js；
美元-> registerjs（$ JS）；
模式：：结束（）；
>

4。修改我们的创建操作如下

公共功能actioncreate（）
{
元=新测试（）；
如果（元模型->负荷（Yii：：应用程序->请求->美元后（））$模型->保存（））{
返回这个->重定向（{ 'index}）；
{人}
返回这个-> renderajax（'创建，
模型= $模型，
}）；
}
}
此时，我们单击按钮{创建}并查看模式弹出窗口，屏幕截图如下。
一些学生可能会说，这个页面不需要异步加载。事实上，你也可以直接在页面上的回波美元-> renderajax（）；但需要提醒的是，记得的操作形式提交的行动。

有两个要点可以提醒你使用情态动词。

Set the attribute data-toggle= modal on control elements, such as buttons or links, and set data-target= #identifier or href= #identifier to specify the specific modal boxes to be switched (with id= identifier).

以上，我们已经实现了模态在yii2基本使用。