简简单单,让JQuery Dialog 最大化,最小化

闲话不说,

看代码:

样式表:

   p.ui-xlgwr .ui-icon{ position:relative; float: left; margin:0.4em 0.5em 0 0.5em; cursor: pointer; z-index:999;}
   p.ui-xlgwr{ position:absolute; top:-10px; padding:0; right:0; display:inline;}

代码:

 

$("#dialog_tools,#dialog_Create").dialog({
                autoOpen: false,
                zIndex: 3999,
                680,
                height: 600,
                buttons: {
                    "  确  定  ": function () {
                        //                        var id = $(this).find('input:checked').attr("value");
                        //                        alert(id.toString());
                        $(this).dialog("close");
                        //location.href = "/GldOne/ProductionSchedule/CreateProcessInspection";
                        location = location;
                        //window.location.reload();
                        // location.reload();
                    },
                    "  取  消  ": function () {
                        $(this).dialog("close");
                    }
                },
                open: function (event, ui) {
                    var $dialog = $(this);
                    var atext = $(".ui-dialog-titlebar-close").replaceWith('<p class="ui-xlgwr"><span class="ui-icon ui-icon-minusthick">minusthick</span> <span class="ui-icon ui-icon-extlink">extlink</span><span class="ui-icon ui-icon-closethick">close</span></p>');
                    $(".ui-xlgwr>span").click(function () {
                        var spantext = $(this).text();
                        //alert("ok:ui-span" + spantext);
                        if (spantext == "extlink") {

                            if (window.screen) {              //判断浏览器是否支持window.screen判断浏览器是否支持screen
                                var myw = screen.availWidth;   //定义一个myw,接受到当前全屏的宽
                                var myh = screen.availHeight;  //定义一个myw,接受到当前全屏的高
                                //window.moveTo(0, 0);           //把window放在左上脚
                                //window.resizeTo(myw, myh);     //把当前窗体的长宽跳转为myw和myh
                                $dialog.dialog({
                                    position: ['left', 'top'],
                                    myw * 0.8,
                                    height: myh * 0.8
                                });

                            } else {
                                $dialog.dialog({
                                    position: 'center',
                                    800,
                                    height: 600
                                });
                            }
                        } else if (spantext == "minusthick") {
                            $dialog.dialog({
                                position: 'top',
                                210,
                                height: 210
                            });
                        } else if (spantext == "close") {
                            $dialog.dialog("close");
                        } else {
                            alert("请选择正确的图标,谢谢.");
                        }
                    });
                },
                close: function () {

                    //$("#dialogtools").text("加载中...");
                    $(".loadmessage").hide();
                }
            });

效果图:

 

原文地址:https://www.cnblogs.com/xlgwr/p/2072068.html