模态是模态窗口，是弹出的。是bootstrap的js插件，使用效果也很好。

为什么要用情态？我不相信你说你在一个网站的开发过程中没有使用js弹出窗口！一个好的弹窗不仅给人美感，还能提高我们的开发效率，甚至让我们感觉更好！

让我们看看如何在yii2中使用modal。

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

现在，当我们单击添加按钮时，我们希望在当前页面的弹出窗口中添加数据，以查看具体的实现。

1、使用yii bootstrap Modal2.创建一个按钮来调整模态回声Html:a的显示(' Create '，' # '，['id'=' create '，' data-toggle'=' modal '，' data-target'=' # create-modal '，' class'=')。3.创建模态？Php模态： begin([' id '=' create-modal '，' header'=' H4类=' modal-title' create/H4 '，' footer '=' a href=' # ' class=' btnbtn-primary ' data-miss=。$ requestUrl=Url:toRoute路径(' create ')；$js=JS$。get('{$requestUrl} '，{}，函数(数据){$(')。模态体')。html(数据)；} );JS；$ this-Registerjs($ js)；modal : end()；4.修改我们的创建操作如下：public function action create(){ $ model=new test()；if($ model-load(yii : $ app-request-post())$ model-save()){ return $ this-redirect([' index '])；} else { return $ this-renderAjax(' create '，['model'=$model，])；}}此时我们点击【创建】按钮，会看到一个模态弹出。截图如下。

有些学生可能会说，没有必要异步加载这个页面。确实，您也可以直接在页面上回显$ this-renderAjax()；但是，需要提醒的是，在此操作中应该修改表单提交的操作。

关于情态的使用，有两点要提醒大家：

在控件元素(如按钮或链接)上设置属性data-toggle='modal '，并设置data-target='#identifier '或href='#identifier '以指定要切换的特定模式框(id='identifier ')。

以上，我们实现了模态在yii2中的基本用法。