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 相关文章推荐
杏林同学录(七)
Oct 09 PHP
让你的WINDOWS同时支持MYSQL4,MYSQL4.1,MYSQL5X
Dec 06 PHP
PHP中文件上传的一个问题
Sep 04 PHP
fleaphp crud操作之find函数的使用方法
Apr 23 PHP
php上传apk后自动提取apk包信息的使用(示例下载)
Apr 26 PHP
3款值得推荐的微信开发开源框架
Oct 28 PHP
Codeigniter实现发送带附件的邮件
Mar 19 PHP
php从文件夹随机读取文件的方法
Jun 01 PHP
PHP进阶学习之反射基本概念与用法分析
Jun 18 PHP
Laravel 修改验证异常的响应格式实例代码详解
May 25 PHP
PHP8.0新功能之Match表达式的使用
Jul 19 PHP
阿里云服务器搭建Php+Apache运行环境的详细过程
May 15 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
PHP中的日期及时间
2006/11/23 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
114啦源码(114la)不能生成地方房产和地方报刊问题4级页面0字节的解决方法
2012/01/12 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
CI框架简单邮件发送类实例
2016/05/18 PHP
详解Yii2高级版引入bootstrap.js的一个办法
2017/03/21 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
自己的js工具_Form 封装
2009/08/21 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
2015/03/25 Javascript
js实现无缝循环滚动
2020/06/23 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
JavaScript模板引擎原理与用法详解
2018/12/24 Javascript
如何测量vue应用运行时的性能
2019/06/21 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
vue-router之解决addRoutes使用遇到的坑
2020/07/19 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
python3编写C/S网络程序实例教程
2014/08/25 Python
python3.4.3下逐行读入txt文本并去重的方法
2018/04/29 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
Python实现序列化及csv文件读取
2020/01/19 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
Django中Q查询及Q()对象 F查询及F()对象用法
2020/07/09 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
2014年共青团工作总结
2014/12/10 职场文书
小学运动会通讯稿
2015/07/18 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书
用Python将库打包发布到pypi
2021/04/13 Python
python 制作一个gui界面的翻译工具
2021/05/14 Python