jquery_dialog控件

/**
 * @requires jquery, EasyUI 1.2.6+
 *
 * 此方法是对 EasyUI.window 和 EasyUI.dialog 的扩展
 * 可以实现如下功能：
 * 1、使用框架页面时可以控制窗口是否跨框架弹出在框架最顶层页面，还是框架内当前页面。默认框架最顶层页面
 * 2、可以控制url加载页面方式，是使用默认方式，还是iframe加载， 默认iframe加载
 * 3、使用iframe加载页面时，可以实现父页面向子页面传递javaScript对象
 * 4、使用iframe加载页面时，可以订制iframe onLoad事件
 * 5、扩展content属性，自动识别是静态文本内容，还是加载页面
 * 6、通过赋值ID属性，控制弹出窗体唯一性
 * 7、toolbar、buttons中定义按钮的handler属性，支持弹出窗体iframe中方法调用。
 * 8、弹出窗体关闭方式更灵活
 *
 *
 * @author zhaojh<[e-mail]>
 * @date 2012.11.15
 *
 */
(function($){
    $.namespace('windows');

    /**
     * 普通窗体
     *
     * 新增属性说明如下
     * @param isFrame	是否开启使用iframe加载给定url页面, 此属性设置为true时则开启使用iframe加载页面。 值：true|false,  默认值true
     * @param self		用于框架页面，如果值为true则不跨框架，否则跨框架弹出在框架最顶层页面。 值:true|false,	默认值false
     * @param data		用于在使用iframe加载给定页面时，父页面给子页面传递数据。	默认值null
     *
     * 扩展属性说明如下
     * @param onLoad	当使用iframe加载给定url页面时，在iframe加载完成后调用。
     * 					默认接收一个参数对象，参数对象属性说明参见下面toolbar、buttons说明第2项。
     * @param content	可根据内容前缀关键字'url:',来判断是显示静态文本还是加载页面。
     * @param id		此属性用来标识弹出窗体的唯一性，不再用来充当panel的id属性
     *
     * 特殊属性说明如下
     * this.content		iframe方式加载内容页的window对象。 用于onLoad方法中的调用
     *
     *
     * toolbar、buttons	属性定义按钮handler属性扩展说明如下
     * 1、当handler 被赋值字符串时，表示调用弹出窗体iframe中已有的与字符串值同名的方法
     * 2、被调用方法默认接收一个参数对象，对象属性如下：
     *   data: 类型：Object，是对windows.open方法参数data的引用
     *   close: 类型：Function，用来关闭弹出窗体
     *
     *
     *
     *
     * 注：其他属性请参考EasyUI API文档。
     *
     */
    windows.open = function(opts){
        var win;
        var defaults = {
            width: 500,
            height: 400,
            modal: true, // 定义是否将窗体显示为模式化窗口
            draggable:false, // 定义是否能够拖拽窗口
            collapsible:false, // 定义是否显示可折叠按钮
            maximizable:false, // 定义是否显示最大化按钮
            minimizable: false, // 定义是否显示最小化按钮
            resizable: false, // 定义是否能够改变窗口大小
            isFrame: true, //是否使用iframe
            self: false, //用于框架页面，如果值为true则不跨框架，否则跨框架弹出在框架最顶层页面
            content: '', // 请求内容，可以是一个网页地址，也可以是html内容
            onLoad: null,
            onDestroyWin:null,
            onClose: function(){
                onAction();
                win.dialog('destroy');
            }
        };

        var options = $.extend({}, defaults, opts);

        //取顶层页面
        var _doc, _top = (function(w){
            try{
                _doc = w['top'].document;
                _doc.getElementsByTagName;
            }catch(e){
                _doc = w.document;
                return w;
            }

            if(options.self || _doc.getElementsByTagName('frameset').length >0){
                _doc = w.document;
                return w;
            }

            return w['top'];
        })(window);


        //如填写ID属性，则窗体唯一
        var winId;
        if(options.id){
            winId = options.id;
            delete options.id;

            //检查创建窗口是否已经存在，存在则不在创建
            if($('#'+winId).length>0){
                return;
            }
        }

        //检查content内容是静态文本，还是url地址
        var isUrl = /^url:/.test(options.content);
        if(isUrl){
            var url = options.content.substr(4, options.content.length);
            //构建iframe加载方式
            if(options.isFrame){
                var iframe = $('<iframe></iframe>')
                    .attr('height', '100%')
                    .attr('width', '100%')
                    .attr('marginheight', '0')
                    .attr('marginwidth', '0')
                    .attr('frameborder','0').attr('src', url);

                var onAction = function(){
                    var action = "";
                    try{
                        var resData = _this.content.GetData();
                        if(isEmptyObject(resData)){ // 为空则取消
                            action = "cencal";
                        } else {
                            action = "ok";
                        }
                        options.onDestroyWin.call(_this, action);
                    } catch(e) {
                        var ermsg = e.message.indexOf("GetData") != -1 ? "子窗口没有定义GetData脚本函数，请定义！" : e;
                        $.messager.alert("错误提示", ermsg, "error");
                    }
                }

                var _this = this;
                var frameOnLoad = function(){
                    _this.content = iframe.get(0).contentWindow;
                    options.onLoad && options.onLoad.call(_this,{
                        close: function() {
                            win.dialog('close');
                        }
                    });
                }

                delete options.content;
            }else{//使用默认页面加载方式
                options.href = url;
            }
        }

        //加工toolbar和buttons中定义的handler方法，使其可以接收给定参数，用于iframe方式下的父子页面传值和窗口关闭
        /*var warpHandler = function(handler){
         var args = {data: options.data, close: function(){win.dialog('close')}};
         if(typeof handler =='function'){
         return function(){
         handler(args);
         }
         }

         if(typeof handler == 'string' && options.isFrame){
         return function(){
         iframe.get(0).contentWindow[handler](args);
         }
         }
         }

         //处理toolbar数组事件定义,选择器形式不做处理
         if(options.toolbar && $.isArray(options.toolbar)){
         for(var i in options.toolbar){
         options.toolbar[i].handler = warpHandler(options.toolbar[i].handler);
         }
         }

         //处理buttons数组事件定义,选择器形式不做处理
         if(options.buttons && $.isArray(options.buttons)){
         for(var i in options.buttons){
         options.buttons[i].handler = warpHandler(options.buttons[i].handler);
         }
         }*/

        if(options.isFrame && iframe){
            iframe.bind('load', frameOnLoad);
            try {
                win = _top.$('<div>', {id: winId}).append(iframe).dialog(options);
            } catch (e){
                win = $('<div>', {id: winId}).append(iframe).appendTo("body").dialog(options);
            }
        }else{
            win = _top.$('<div>', {id: winId}).dialog(options);
        }
    }

    windows.getIFrameEl = function(){
        return this;
    }


    /**
     * 模式窗体
     * 参数说明请看windows.open
     */
    windows.showModalDialog = function(opts){
        var defaults = $.extend(
            {},
            opts,
            {
                modal: true,
                minimizable: false,
                maximizable: false,
                resizable: false,
                collapsible: false
            }
        );
        windows.open(defaults);
    }
})(jQuery)

 

(function($){
    $.extend({
        namespace: function(ns){
            if(typeof ns != 'string'){
                throw new Error('namespace must be a string');
            }

            var ns_arr = ns.split('.');
            var parent = window;
            for(var i in ns_arr){
                parent[ns_arr[i]] = parent[ns_arr[i]] || {};
                parent = parent[ns_arr[i]];
            }
        }
    });
})(jQuery)