Easyui 一些应用

1： easyUI  的界面的控件，根据界面的百分比，设置宽度和高度

  function fixWidth(percent) {
    return document.body.clientWidth * percent;
}


function fixHeight(percent) {
    return document.body.clientHeight * percent;
}

 dlg_Edit = $('#Dlg-Edit').dialog({
        closed: true,
        modal: true,
        collapsible: true,
        width: fixWidth(0.9)
        //,height: fixHeight(0.8)
    });

2： datagrid  的列显示时间，格式转换：

 columns: [[

  {
                        field: 'Creatime', title: '导入时间', width: 70, sortable: true,
                        formatter: function (value ) {
                           if (value == null || value == '') {
                                  return '';
                              }
                              var dt = parseToDate(value);
                              return dt.format("yyyy-MM-dd"); 
                        }
} 

   ]]

function parseToDate(value) {
    if (value == null || value == '') {
        return undefined;
    }


    var dt;
    if (value instanceof Date) {
        dt = value;
    }
    else {
        if (!isNaN(value)) {
            dt = new Date(value);
        }
        else if (value.indexOf('/Date') > -1) {
            value = value.replace(/\/Date\((-?\d+)\)\//, '$1');
            dt = new Date();
            dt.setTime(value);
        } else if (value.indexOf('/') > -1) {
            dt = new Date(Date.parse(value.replace(/-/g, '/')));
        } else {
            dt = new Date(value);
        }
    }
    return dt;
}


//为Date类型拓展一个format方法，用于格式化日期
Date.prototype.format = function (format) //author: meizz 
{
    var o = {
        "M+": this.getMonth() + 1, //month 
        "d+": this.getDate(),    //day 
        "h+": this.getHours(),   //hour 
        "m+": this.getMinutes(), //minute 
        "s+": this.getSeconds(), //second 
        "q+": Math.floor((this.getMonth() + 3) / 3),  //quarter 
        "S": this.getMilliseconds() //millisecond 
    };
    if (/(y+)/.test(format))
        format = format.replace(RegExp.$1,
                (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(format))
            format = format.replace(RegExp.$1,
                    RegExp.$1.length == 1 ? o[k] :
                        ("00" + o[k]).substr(("" + o[k]).length));
    return format;
};

3： 显示等待图标。

function Load() {
    $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");
    $("<div class=\"datagrid-mask-msg\"></div>").html("正在运行，请稍候。。。").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });
}


//hidden Load  
function dispalyLoad() {
    $(".datagrid-mask").remove();
    $(".datagrid-mask-msg").remove();
}

4：