Yii2.0 模态弹出框+ajax提交表单


Posted in PHP onMay 22, 2016

如题 我们使用模态弹出框+ajax提交表单 首先我们把index视图的create按钮添加data-toggle 和 data-target。

代码如下:

<?php 
echo Html::a('添加请假单', ['create'], ['class' => 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax']) 
?>

在index视图添加如下代码 来显示模态弹出框:

<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>

修改后的效果如下

Yii2.0 模态弹出框+ajax提交表单

然后我们修改控制器中的create方法,把render改为renderAjax即可

return $this->renderAjax('create', [
    'model' => $model,
   ]);

如果想添加表单验证我们需要修改views 里的 _form 添加上id

<?php $form = ActiveForm::begin(['options' => ['enctype' => 'multipart/form-data'],'id'=>'leave-form-self']) ?>
指向 你的models 在rules添加上验证规则

 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]
  ];
 }

效果如下

Yii2.0 模态弹出框+ajax提交表单

这样就实现了ajax提交表单

PHP 相关文章推荐
php单例模式实现(对象只被创建一次)
Dec 05 PHP
PHP处理Oracle的CLOB实例
Nov 03 PHP
thinkphp实现上一篇与下一篇的方法
Dec 08 PHP
php生成年月日下载列表的方法
Apr 24 PHP
php操作路径的经典方法(必看篇)
Oct 04 PHP
php发送http请求的常用方法分析
Nov 08 PHP
PHP中如何使用Redis接管文件存储Session详解
Nov 28 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
Apr 15 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
Jun 03 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
Aug 05 PHP
Yii框架常见缓存应用实例小结
Sep 09 PHP
phpstudy隐藏index.php的方法
Sep 21 PHP
php文件上传后端处理小技巧
May 22 #PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
May 22 #PHP
PHP+MySql+jQuery实现的&quot;顶&quot;和&quot;踩&quot;投票功能
May 21 #PHP
制作个性化的WordPress登陆界面的实例教程
May 21 #PHP
详解WordPress中添加友情链接的方法
May 21 #PHP
PHP框架Laravel插件Pagination实现自定义分页
Apr 22 #PHP
屏蔽PHP默认设置中的Notice警告的方法
May 20 #PHP
You might like
JS 网站性能优化笔记
2011/05/24 PHP
php 面试碰到过的问题 在此做下记录
2011/06/09 PHP
PHP中exec函数和shell_exec函数的区别
2014/08/20 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
PHP CURL使用详解
2019/03/21 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
vue实现一个移动端屏蔽滑动的遮罩层实例
2017/06/08 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
2020/05/10 Javascript
使用原生JS实现滚轮翻页效果的示例代码
2020/05/31 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
获取python文件扩展名和文件名方法
2018/02/02 Python
Flask框架实现给视图函数增加装饰器操作示例
2018/07/16 Python
python3 实现调用串口功能
2019/12/26 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
python利用opencv实现颜色检测
2021/02/23 Python
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
西安交大自主招生自荐信
2014/01/27 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
幼儿园教师培训方案
2014/02/04 职场文书
个人培训自我鉴定
2014/03/28 职场文书
公证委托书大全
2014/04/04 职场文书
工作失职检讨书500字
2014/10/17 职场文书
2015年大学生村官工作总结
2015/04/21 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
Java使用httpRequest+Jsoup爬取红蓝球号码
2021/07/02 Java/Android