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: