zoukankan      html  css  js  c++  java
  • 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()和自定义的对话框,之前完成的页面自己修改一下,辛苦啦~~

  • 相关阅读:
    算法疑难(js实现)---5、变态跳台阶
    算法疑难(js实现)---4、跳台阶(记忆化递归)
    算法疑难(js实现)---3、两个栈来实现一个队列
    算法疑难(js实现)---2、重建二叉树
    Ext的Panel总结(好文章)
    Extjs datefield 日历控件中文显示
    EXTJS项目实战经验总结一:日期组件的change事件:
    ExtJs内的datefield控件选择日期过后的事件监听select
    ExtJs FormPanel布局
    开发extjs常用的插件
  • 原文地址:https://www.cnblogs.com/cczhoufeng/p/3823806.html
Copyright © 2011-2022 走看看