Yii2.0 模態(tài)彈出框+ajax提交表單
如題 我們使用模態(tài)彈出框+ajax提交表單 首先我們把index視圖的create按鈕添加data-toggle 和 data-target。
代碼如下:
<?php
echo Html::a('添加請假單', ['create'], ['class' => 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax'])
?>
在index視圖添加如下代碼 來顯示模態(tài)彈出框:
<div class="modal bs-example-modal-lg" id="ajax"> <div class="modal-dialog"> <div class="modal-content width_reset" id="tmpl-modal-output-render"> </div> </div> </div>
修改后的效果如下

然后我們修改控制器中的create方法,把render改為renderAjax即可
return $this->renderAjax('create', [
'model' => $model,
]);
如果想添加表單驗(yàn)證我們需要修改views 里的 _form 添加上id
<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data'],'id'=>'leave-form-self']) ?>
指向 你的models 在rules添加上驗(yàn)證規(guī)則
public function rules()
{
return [
[['t_leave_date', 't_days', 't_reason', 't_nickname','t_leave_enddate'], 'required'],
[['t_leave_date', 't_leave_enddate'], 'safe'],
[['t_days'], 'number'],
[['t_reason'], 'string'],
[['type', 'add_time', 'uid', 'update_time', 'status', 'is_shen'], 'integer'],
[['t_pickup', 't_nickname', 't_pass'], 'string', 'max' => 20],
[['t_img', 'reviewer_user', 'audit_user'], 'string', 'max' => 255]
];
}
效果如下

這樣就實(shí)現(xiàn)了ajax提交表單
- Yii2基于Ajax自動獲取表單數(shù)據(jù)的方法
- yii2 modal彈窗之ActiveForm ajax表單異步驗(yàn)證
- Yii框架結(jié)合sphinx,Ajax實(shí)現(xiàn)搜索分頁功能示例
- yii2控制器Controller Ajax操作示例
- Yii基于CActiveForm的Ajax數(shù)據(jù)驗(yàn)證用法示例
- Yii+upload實(shí)現(xiàn)AJAX上傳圖片的方法
- yii2使用ajax返回json的實(shí)現(xiàn)方法
- Yii2實(shí)現(xiàn)ajax上傳圖片插件用法
- 使用Yii整合的pjax(pushstate+ajax)實(shí)現(xiàn)無刷新加載頁面
- Yii使用ajax驗(yàn)證顯示錯誤messagebox的解決方法
- ajax翻頁效果模仿yii框架自己寫的
- Yii2表單事件之Ajax提交實(shí)現(xiàn)方法
相關(guān)文章
Laravel 中創(chuàng)建 Zip 壓縮文件并提供下載的實(shí)現(xiàn)方法
這篇文章主要介紹了Laravel 中創(chuàng)建 Zip 壓縮文件并提供下載,本文通過兩個任務(wù),實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
php中smarty實(shí)現(xiàn)多模版網(wǎng)站的方法
這篇文章主要介紹了php中smarty實(shí)現(xiàn)多模版網(wǎng)站的方法,可實(shí)現(xiàn)smarty動態(tài)選擇模板的功能,需要的朋友可以參考下2015-06-06
免費(fèi)的ip數(shù)據(jù)庫淘寶IP地址庫簡介和PHP調(diào)用實(shí)例
淘寶ip地址庫提供免費(fèi)的ip信息查詢,可查詢ip所在國家、區(qū)域、省份、城市及運(yùn)營商等信息。不需要認(rèn)證不需要注冊,唯一的小缺陷就是限制美妙查詢頻率不能高于10次。2014-04-04
LaravelS通過Swoole加速Laravel/Lumen詳解
這篇文章主要給大家介紹了關(guān)于LaravelS通過Swoole加速Laravel/Lumen的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
codeigniter中view通過循環(huán)顯示數(shù)組數(shù)據(jù)的方法
這篇文章主要介紹了codeigniter中view通過循環(huán)顯示數(shù)組數(shù)據(jù)的方法,實(shí)例分析了codeigniter中view方法與數(shù)組遍歷的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
Thinkphp5 自定義上傳文件名的實(shí)現(xiàn)方法
這篇文章主要介紹了Thinkphp5 自定義上傳文件名的實(shí)現(xiàn)方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07

