Jquery easyui 彈出窗口居中顯示

   在用easyui+iframe創建新窗口的時候，窗口不能居中顯示，在網上找了N久，終於找到方法。

   以下爲個人封裝的創建dialog的js 通用方法

  

   function openDialog(options) {
    if (options.windowObj) {
        $windowObj = null;
        $windowObj = options.windowObj;
    }
    if (!options.id) {
        options.id = "dialogContainer";
    }
    dialogId = options.id;
    if (!options.title) {
        options.title = "操作面板";
    }
    if (!options.buttons) {
        options.buttons = '#dlg-buttons';
    } else if (options.buttons == "closed") {
        options.buttons = "";
    }
    if (!options.iconCls) {
        options.iconCls = 'icon-cc';
    }
    if (!options.width) {
        options.width = 820;
    }
    if (!options.height) {
        options.height = 500;
    }
    if (!options.maximizable) {
        options.maximizable = false;
    }
    if (!options.draggable) {
        options.draggable = true;
    }
    $("#" + options.id + "Frame").attr("src", options.url);
    $("#" + options.id).dialog({
        "iconCls" : options.iconCls,
        "title" : options.title,
        "width" : options.width,
        "height" : options.height,
        "maximizable" : options.maximizable,
        draggable : options.draggable,
        buttons : options.buttons
    }).dialog("open");
    var top=(screen.height-options.height)/2-30 ;  
    var left=(screen.width-options.width)/2;
    $("#" + options.id).panel("move",{left:left,top:top});
}

   其中：

   //screen爲電腦的分辨率

   var top=(screen.height-options.height)/2-30 ;  
    var left=(screen.width-options.width)/2;
    $("#" + options.id).panel("move",{left:left,top:top});

    以上三行根據窗體跟屏幕大小計算top跟left，並用panel的move方法調整left和top屬性。

    在調用的時候可以爲

   openDialog({
        windowObj : window,
        url : url,
        title : "導入用戶",
        buttons : false,
        width : 600,
        height: 400   
        });