• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

凉梁凉糕

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

easyui dialog 表单提交,弹框初始化赋值,dialog实现

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

设置一个按钮

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

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

$('#deletebtn').click(function (e) {
        e.preventDefault();
        $('#delete_publicity').dialog({
            onOpen:function() {
                 //AAA参数可以为外界变量
                $('#itemId').val(AAA);
                $('#del_post').val('-1');
                $('#deleteMarks').val('');
            }
           //也可以在此处设定初始值,而免于在html中设定了
            //title: 'My Dialog',
            //width: 400,
            //height: 200,
            //closed: false,
            //cache: false,
            //href: 'get_content.php',
            //modal: true
        });
        $('#delete_publicity').dialog('open');
         showModalMask('.modal-mask');
        $('#delete_publicity').window('center');
    });    

  提交表单操作

function fnSubmit(id,url) {
        if(id=='delete_reply'){
//注意,easyui表单提交实际上是利用jquery的serialize方法将表单数据转化为query string的形式append到url地址上
            var submitPar = $('#'+id+' form').serialize();
            submitPar = submitPar.toString();
            var delReason = submitPar.substring(submitPar.indexOf('=')+1,submitPar.indexOf('&'));
            var delComment = submitPar.substring(submitPar.lastIndexOf('=')+1,submitPar.length);
            delComment = delComment.trim();
//根据easyui 表单提交的方式,若存在文本框在form内,且输入有空格时 将会将空格对应的转化为+号,具体可参见easyui表单提交部分
            if(delReason == 'other' && (delComment==''||/^[\+]+$/.test(delComment))){
                $.messager.alert('Notice','Please enter the reason for the deletion');
            }else{
                ajaxRequest(id,url);
            }
        }else{
            ajaxRequest(id,url);
        }
        function ajaxRequest(id,url){
            $('#'+id+' form').form('submit',{
                url:url,
                onSubmit:function(){
                    //return $(this).form('validate');
                },
                success:function(data){
                    if(data){
                        data = JSON.parse(data);
                    }
                    if(data.code==200){
                        $('#'+id).dialog('close');
                        $.messager.alert('Notice',data.message);
                            *****
                          
                        }else{
                           *********
                        }

                    }else{
                        $.messager.alert('Notice','submit Fail.');
                    }

                }
            });
        }
    }        

  

 

posted on 2017-11-16 19:45  凉梁凉糕  阅读(6796)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3