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作的文本留言本的例子(一)
Oct 09 PHP
PHP源代码数组统计count分析
Aug 02 PHP
PHP HTML JavaScript MySQL代码如何互相传值的方法分享
Sep 30 PHP
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
Jul 28 PHP
PHP往XML中添加节点的方法
Mar 12 PHP
php使用正则表达式进行字符串搜索的方法
Mar 23 PHP
PHP打印输出函数汇总
Aug 28 PHP
phpMyAdmin无法登陆的解决方法
Apr 27 PHP
Yii框架实现记录日志到自定义文件的方法
May 23 PHP
PHP环形链表实现方法示例
Sep 15 PHP
PHP中16个高危函数整理
Sep 19 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
Oct 22 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/10/09 PHP
PHP 各种排序算法实现代码
2009/08/20 PHP
关于PHP中Object对象的笔记分享
2011/06/28 PHP
PHP冒泡排序算法代码详细解读
2011/07/17 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
php foreach循环中使用引用的问题
2013/11/06 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
thinkPHP5.1框架中Request类四种调用方式示例
2019/08/03 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
alixixi runcode.asp的代码不错的应用
2007/08/08 Javascript
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
Webpack执行命令参数详解
2017/06/17 Javascript
微信小程序数字滚动插件使用详解
2018/02/02 Javascript
Node.js利用console输出日志文件的方法示例
2018/04/27 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
JavaScript引用类型Function实例详解
2018/08/09 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
Element-UI 使用el-row 分栏布局的教程
2020/10/26 Javascript
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
使用python PIL库实现简单验证码的去噪方法步骤
2019/05/10 Python
numpy中三维数组中加入元素后的位置详解
2019/11/28 Python
python ffmpeg任意提取视频帧的方法
2020/02/21 Python
python3用PyPDF2解析pdf文件,用正则匹配数据方式
2020/05/12 Python
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
公务员综合考察材料
2014/02/01 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书