1. //定义弹框html
    <div id="delete" class="easyui-dialog" title="Delete" data-options="closed: true" style="width: 400px; height: 280px;">
  2. <form method="post" class="easyui-form" >
  3. <div class="notice">You are deleting a comment now!</div>
  4. <div class="delreason">
  5. <input type="radio" checked="true" name="delReason" value="unhealthy" />unhealthy
  6. <input type="radio" name="delReason" value="other" />other
  7. </div>
  8. <input type="hidden" name="itemId" id="itemId" value=""/>
  9. <div class="head">
  10. <div><span class="bold">Marks</span></div>
  11. </div>
  12. <textarea class="textarea" name="delComment" id="delComment"></textarea>
  13. <div class="center">
  14. <input onclick="fnSubmit('delete','your request url')" type="button" value="submit"/>
  15. </div>
  16. </form>
  17. </div>  

设置一个按钮

  1. <button class="r-button" id="deletebtn">Delete</button>

对应的js操作,初始化弹框以及提交表单

  1. $('#deletebtn').click(function (e) {
  2. e.preventDefault();
  3. $('#delete_publicity').dialog({
  4. onOpen:function() {
  5. //AAA参数可以为外界变量
  6. $('#itemId').val(AAA);
  7. $('#del_post').val('-1');
  8. $('#deleteMarks').val('');
  9. }
  10. //也可以在此处设定初始值,而免于在html中设定了
  11. //title: 'My Dialog',
  12. //width: 400,
  13. //height: 200,
  14. //closed: false,
  15. //cache: false,
  16. //href: 'get_content.php',
  17. //modal: true
  18. });
  19. $('#delete_publicity').dialog('open');
  20. showModalMask('.modal-mask');
  21. $('#delete_publicity').window('center');
  22. });

  提交表单操作

  1. function fnSubmit(id,url) {
  2. if(id=='delete_reply'){
  3. //注意,easyui表单提交实际上是利用jquery的serialize方法将表单数据转化为query string的形式append到url地址上
  4. var submitPar = $('#'+id+' form').serialize();
  5. submitPar = submitPar.toString();
  6. var delReason = submitPar.substring(submitPar.indexOf('=')+1,submitPar.indexOf('&'));
  7. var delComment = submitPar.substring(submitPar.lastIndexOf('=')+1,submitPar.length);
  8. delComment = delComment.trim();
  9. //根据easyui 表单提交的方式,若存在文本框在form内,且输入有空格时 将会将空格对应的转化为+号,具体可参见easyui表单提交部分
  10. if(delReason == 'other' && (delComment==''||/^[\+]+$/.test(delComment))){
  11. $.messager.alert('Notice','Please enter the reason for the deletion');
  12. }else{
  13. ajaxRequest(id,url);
  14. }
  15. }else{
  16. ajaxRequest(id,url);
  17. }
  18. function ajaxRequest(id,url){
  19. $('#'+id+' form').form('submit',{
  20. url:url,
  21. onSubmit:function(){
  22. //return $(this).form('validate');
  23. },
  24. success:function(data){
  25. if(data){
  26. data = JSON.parse(data);
  27. }
  28. if(data.code==200){
  29. $('#'+id).dialog('close');
  30. $.messager.alert('Notice',data.message);
  31. *****
  32.  
  33. }else{
  34. *********
  35. }
  36.  
  37. }else{
  38. $.messager.alert('Notice','submit Fail.');
  39. }
  40.  
  41. }
  42. });
  43. }
  44. }

  

easyui dialog 表单提交,弹框初始化赋值,dialog实现的更多相关文章

  1. Easyui + jQuery表单提交 给 Controller patr1

    2014-11-15  总结上周在公司开发所用到的技术,由于是刚找的工作(一个大三实习生)+自己的技术菜,有很多地方都是怎么想就怎么实现的, 如果你有什么更好的解决方法,在看见这篇博客的时候,希望你能 ...

  2. jquery表单提交获取数据(带toast dialog)

    最近写了一个召集令,传统表单提交注册.写写遇到的费时间的点与解决办法 git项目地址:form-demo(针对于手机版,懒人可以直接使用,有排版和样式) demo使用Jquery,toast使用jqu ...

  3. easyui form表单提交应注意的问题

    今天在一个项目中用到表单提交,代码如下: $('#CreateForm').form('submit', { onSubmit: function () { ajaxCreateFrom(this, ...

  4. EasyUI Form表单提交

    转自:https://www.cnblogs.com/net5x/articles/4576926.html Form(表单) 使用$.fn.form.defaults重写默认值对象 form提供了各 ...

  5. Bootstrap使用模态框modal实现表单提交弹出框

    Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等.如果 ...

  6. [必会] 表单验证+弹框~老司机原生js

    <!DOCTYPE html><html><head> <meta charset="gb2312"> <title>恰 ...

  7. easyui form表单提交标准格式

    $("#temForm").form('submit', { url: '', queryParams: {}, cache: false, type: 'POST', dataT ...

  8. 由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载,但是ajax实现的文件下载并不能触发浏览器的下载文件弹出框,这里通过模拟表单提交实现同样的效果。

    由于想要实现下载的文件可以进行选择,而不是通过<a>标签写死下载文件的参数,所以一直想要使用JFinal结合ajax实现文件下载(这样的话ajax可以传递不同的参数),但是ajax实现的文 ...

  9. 使用Jquery.form.js ajax表单提交插件弹出下载提示框

    现象: 使用jquery的from做ajax表单提交的时候,后台处理完毕返回json字符串,此时浏览器提示下载一个json文件而不是在success里面继续解析该json对象. 具体的原因: 浏览器兼 ...

随机推荐

  1. Windows 7系统下安装和卸载删除IE的方法

    1.首先按下 Windows +R 键打开“运行”的窗口,请输入“appwiz.cpl”. 2.在「程序和功能」窗口上按下左上的「查看已安装的更新」. 3.找到「Windows Internet Ex ...

  2. sap 查看自己代码的结构

    1:进入系统X3C:然后输入T-CODE   bsp_wd_cmpwb

  3. java中Long的比较

    Long的比较要用equals而不要用== 当Long为常量且常量值小于一个字节(<=127)时,两个Long指向同一个常量内容: Long userId=127L; Long authorId ...

  4. Vim的6种基本模式及基本操作

    说明:文章所有内容截选自实验楼教程[Vim编辑器]~ Vim 快速入门 一.实验介绍 1.1 实验内容 本次实验将学习vim中的不同模式和一些基本操作. 1.2 实验知识点 Vim中的六种基本模式 V ...

  5. c# 判断文件是否发生了变化

    你这个是想文件发生改变时,自动调用一个函数,做出一些操作呢. 还是有一个按钮(或者别的什么),你去点击一下,然后检测下一个文件,是否发生了变化? 下面的代码,监控d盘下的所有.txt文件的修改 1 2 ...

  6. vue中把table导出表格excel

    1.首先下载2个js,我的百度网盘有 2.安装依赖 npm install -S file-saver xlsx(这里其实安装了2个依赖) npm install -D script-loader 3 ...

  7. python进阶(六) 虚拟环境git clone报错解决办法

    在虚拟环境目录,进行git clone xxxxx.git  项目,报如下图错误 解决办法:env GIT_SSL_NO_VERIFY=true git clone xxxx.git

  8. python模拟艺龙网登录带验证码输入

    1.使用urllib与urllib2包 2.使用cookielib自动管理cookie 3.360浏览器F12抓信息 登录请求地址和验证码地址都拿到了如图 # -*- coding: utf-8 -* ...

  9. python+selenium入门

    from selenium import webdriver打开浏览器 driver = webdriver.Chrome() 打开网页 driver.get("http://www.bai ...

  10. ssh简单入门级案例教程

    准备工作:struts2.3.34+spring4.2.2+hibernate3.3.2 导入需要的开发包: struts开发包---注意:javassist-3.18.1-GA.jar包与hiber ...