Yii2.0 模態(tài)彈出框+ajax提交表單
如題 我們使用模態(tài)彈出框+ajax提交表單 首先我們把index視圖的create按鈕添加data-toggle 和 data-target。
代碼如下:
<?php echo Html::a('添加請(qǐng)假單', ['create'], ['class' => 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax']) ?>
在index視圖添加如下代碼 來(lái)顯示模態(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自動(dòng)獲取表單數(shù)據(jù)的方法
- yii2 modal彈窗之ActiveForm ajax表單異步驗(yàn)證
- Yii框架結(jié)合sphinx,Ajax實(shí)現(xiàn)搜索分頁(yè)功能示例
- 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)無(wú)刷新加載頁(yè)面
- Yii使用ajax驗(yàn)證顯示錯(cuò)誤messagebox的解決方法
- ajax翻頁(yè)效果模仿yii框架自己寫(xiě)的
- Yii2表單事件之Ajax提交實(shí)現(xiàn)方法
相關(guān)文章
Laravel 錯(cuò)誤提示本地化的實(shí)現(xiàn)
今天小編就為大家分享一篇Laravel 錯(cuò)誤提示本地化的實(shí)現(xiàn),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10Laravel 中創(chuàng)建 Zip 壓縮文件并提供下載的實(shí)現(xiàn)方法
這篇文章主要介紹了Laravel 中創(chuàng)建 Zip 壓縮文件并提供下載,本文通過(guò)兩個(gè)任務(wù),實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-04-04php中smarty實(shí)現(xiàn)多模版網(wǎng)站的方法
這篇文章主要介紹了php中smarty實(shí)現(xiàn)多模版網(wǎng)站的方法,可實(shí)現(xiàn)smarty動(dòng)態(tài)選擇模板的功能,需要的朋友可以參考下2015-06-06免費(fèi)的ip數(shù)據(jù)庫(kù)淘寶IP地址庫(kù)簡(jiǎn)介和PHP調(diào)用實(shí)例
淘寶ip地址庫(kù)提供免費(fèi)的ip信息查詢(xún),可查詢(xún)ip所在國(guó)家、區(qū)域、省份、城市及運(yùn)營(yíng)商等信息。不需要認(rèn)證不需要注冊(cè),唯一的小缺陷就是限制美妙查詢(xún)頻率不能高于10次。2014-04-04LaravelS通過(guò)Swoole加速Laravel/Lumen詳解
這篇文章主要給大家介紹了關(guān)于LaravelS通過(guò)Swoole加速Laravel/Lumen的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03php封裝單文件上傳到數(shù)據(jù)庫(kù)(路徑)
這篇文章主要介紹了php封裝單文件上傳到數(shù)據(jù)庫(kù)(路徑) 的相關(guān)資料,需要的朋友可以參考下2017-10-10codeigniter中view通過(guò)循環(huán)顯示數(shù)組數(shù)據(jù)的方法
這篇文章主要介紹了codeigniter中view通過(guò)循環(huán)顯示數(shù)組數(shù)據(jù)的方法,實(shí)例分析了codeigniter中view方法與數(shù)組遍歷的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03Thinkphp5 自定義上傳文件名的實(shí)現(xiàn)方法
這篇文章主要介紹了Thinkphp5 自定義上傳文件名的實(shí)現(xiàn)方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-07-07