• dialog统一标准调用方法(内部记录)


    更新base-config.js

    对话框统一为三种形式(如后期需要再添加其他方式)

    //对话框--确定取消
    //dialogOkFun:确定函数  dialogCancelFun:取消函数
    function dialogOkCancel(dialog_ok_fun,dialog_cancel_fun){
        
        art.dialog(
        {
            content:'确定要删除吗?',
             250,   
            lock:true,
            zIndex:9999,
            title: '提示',
            style:'succeed noClose',
            close:function(){$.fancybox.close();}
        },
        function()
        {
            var jscode = new Function(dialog_ok_fun)();
        },
        function()
        {
            var jscode = new Function(dialog_cancel_fun)();
        }
        
        );
    }
    
    //对话框--直接关闭
    //dialog_msg:对话框内容  dialog_time:对话框存在时间  dialog_width:对话框宽度,默认样式传入0即可,如果需要自定义宽度传入非0数字  dialog_close_fun:关闭时执行函数
    function dialogClose(dialog_msg,dialog_time,dialog_width,dialog_close_fun) {
        if(dialog_width == 0 || dialog_width == '') {
            dialog_width = 200;
        }
        art.dialog({
            height: 70,
           dialog_width,            
          fixed: true,
            time: dialog_time,
            title: '提示',
            content: '<label>' + dialog_msg + '</label>',    
            zIndex:9999,
            top:'50%',
            close:function(){
                var jscode = new Function(dialog_close_fun)();
            } 
        /*lock: true*/         
        }).show;
    }
    
    //对话框--点击确定后关闭
    //dialog_msg:对话框内容  dialog_width:对话框宽度,默认样式传入0即可,如果需要自定义宽度传入非0数字  dialog_ok_fun:关闭时执行函数
    function dialogOk(dialog_msg,dialog_width,dialog_ok_fun) {
        if(dialog_width == 0 || dialog_width == '') {
            dialog_width = 200;
        }
        art.dialog({
            height: 70,
           dialog_width,            
          fixed: true,
          zIndex:9999,
            /* time: 3,*/
            title: '提示',
            content: '<label>' + dialog_msg + '</label>',  
            top:'50%',
            ok: function () {
                var jscode = new Function(dialog_ok_fun)();
            },
                    
        }).show;
    }

    页面代码调用示例

    <script type="text/javascript" src="../../../js/base-config.js"></script>
    
    
    //在template模板中调用
    <a href="javascript:dialogOkCancel('cancelCollect(<%= list[i].iid %>,<%= list[i].table_pk %>)','cancelColle()');">删除</a>
    
    //在函数中调用
    function cancelCollect(id,table_pk){
                        $.ajax({
                            type:"POST",
                            async: true,
                            data:{"id": id,"table_pk":table_pk,"random_num":creatRandomNum()},
                            url: url_path_action + "/resource/cancelResCollect",
                            success: function(data){
                                if(data.success){
                                    dialogClose("操作成功。",2,0,'goPage(1)');
                                    // collect1("操作成功。",2,1);
                                }else{
                                    if(data.info == "notlogin"){
                                        top.location = "/";
                                    }else{
                                        alert(data.info);
                                    }
                                }
                            }
                        });
        }

    注:今后页面不允许出现alert()和自定义的对话框,之前完成的页面自己修改一下,辛苦啦~~

  • 相关阅读:
    数据库结构中的"树"
    Jquery学习
    cms系统也不复杂
    让你的博客园变灰
    IList对象排序方法
    计算机简介(二)
    在同一台电脑上使用U盘时快时慢的解决方法
    计算机简介
    合并排序
    javascript小结
  • 原文地址:https://www.cnblogs.com/cczhoufeng/p/3823806.html
Copyright © 2020-2023  润新知