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：