Ext.define('JsApp.com.Util', {
/**
*显示新建视图
* title:新建界面显示的标题
* xtype:新建界面的别名
*/
showCreatingView: function (title, xtype) {
this.shrink.formType = 'create';
this.shrink
.setConfig({
title: title,
iconCls: 'fa fa-user fa-lg'
})
.animShow(Ext.create({
xtype: xtype
}));
},
/**
*显示编辑视图
* record:编辑界面上的数据
* title:编辑界面上显示的标题
* xtype:编辑界面的别名
* datelist:时间控件
* radiolist:radio集合
*/
showEditingView: function (record, title, xtype, uneditname, datelist, radiolist) {
var me = this,
form = Ext.create({
xtype: xtype
});
form.loadRecord(record);
if (form.parentView == null) {
form.parentView = record;
}
Ext.Array.each(uneditname, function (name) {
form.getForm().findField(name).addPlugin("formfielduneditable");
});
me.shrink.formType = 'edit';
me.shrink.setConfig({
title: title,
iconCls: 'fa fa-user'
}).animShow(form);
if (datelist.length > 0) {
Ext.Array.each(datelist, function (date) {
form.getForm().findField(date).setValue(me.renderDate(record.data[date]));
});
}
if (radiolist.length > 0) {
Ext.Array.each(radiolist, function (radio) {
var radiofieldlist = form.query("radiofield[name=" + radio + "]");
Ext.Array.each(radiofieldlist, function (radiofield) {
if (radiofield.inputValue == (record.data[radio] == false ? 0 : 1)) {
radiofield.setValue(true);
}
});
});
}
},
/**
*显示查看视图
* record:编辑界面上的数据
* title:编辑界面上显示的标题
* xtype:编辑界面的别名
*/
showDetailView: function (record, title, xtype) {
var me = this,
form = Ext.create({
xtype: xtype
});
me.shrink.formType = 'detail';
form.loadRecord(record);
if (form.parentView == null) {
form.parentView = record;
}
me.shrink.setConfig({
title: title,
iconCls: 'fa fa-user'
}).animShow(form);
},
/**
*删除数据
* url:删除数据地址
* params:传递的参数
* store:界面上的数据存储库
*/
deleteRecords: function (url, params, store) {
var me = this;
Ext.Ajax.request({
url: url,
params: params,
success: function (response, opts) {
response = Ext.JSON.decode(response.responseText)
me.toastNo(response.msg);
store.reload();
},
failure: function (response, opts) {
me.toastNo('操作失败');
}
});
},
/**
*刷新界面
* emptyname:清空的插叙数据框
* store:界面上的数据存储库
*/
viewRefresh: function (store, emptyname) {
var me = this,
refs = me.getReferences(),
paramHold = store.paramHold;
Ext.Array.each(emptyname, function (name) {
refs[name].setValue('');
});
paramHold && paramHold.clear();
store.loadPage(1);
},
/*
* 查询
* page:页数
* params:查询参数
* store:数据存储库
*/
search: function (page, params, store) {
var me = this,
paramHold = store.paramHold;
paramHold.clear();
if (Ext.isObject(page)) {
params = page;
page = store.currentPage;
}
if (!Ext.isNumber(page)) {
page = store.currentPage;
}
params = params || {};
paramHold.add(params);
store.loadPage(page);
},
/*
* 动态给grid增加数据
* store:表单中的数据存储库
* dataname:store中的显示字段
* model:显示字段的映射规则
*/
addgriddata: function (store, dataname, model) {
store.add(Ext.create(model, dataname));
},
/*
* 验证grid中的数据
* form:表单界面
* store:表单中的动态添加的数据存储库
* fields:grid中的列表列名称
* cells:grid中的列表列号
* grid:列表
*/
griddatavalidation: function (form, store, fields, cells, grid) {
var items = store.data.items;
if (form != null) {
if (!form.isValid()) {
return false;
}
}
for (var i = 0; i < items.length; i++) {
for (var j = 0; j < fields.length; j++) {
var name = items[i].data[fields[j]];
if (name == "" || name == undefined) {
grid.getView().getCell(i, cells[j]).style.backgroundColor = '#ffb3a7';
return false;
}
}
}
return true;
},
/*
* 收集grid中的数据
* store:数据存储仓库
* fields:需要整理的数据名称
*/
griddatacollection: function (store, fields) {
var me = this,
items = store.data.items,
list = new Array();
for (var i = 0; i < items.length; i++) {
var data = {};
var sign = 0;
for (var j = 0; j < fields.length; j++) {
var name = items[i].data[fields[j]];
data[fields[j]] = name;
sign = 1;
}
if (sign != 0) {
list.push(data);
}
}
return list;
},
/**
* 整合store中的数据
* store:参数存储库
* items:列表集合
* names:不做对比的列名称
*/
verificationStore: function (store, items, names) {
for (var i = 0; i < store.data.items.length; i++) {
var item = items[i];
var characteristic = 0;
for (var name in item.data) {
if (names.join('-').indexOf(name) == -1) {
if (item.data[name] != "") {
characteristic = 1;
}
}
}
if (characteristic == 0) {
store.remove(item);
--i;
}
}
return store;
},
/*
* 跳转回父级界面
* controller:控制器
* record:父级界面需要显示的数据
* formview:父级界面的别名
* title:标题
*/
showParentView: function (controller, record, formview, title) {
var me = controller,
form = Ext.create({
xtype: formview
});
form.loadRecord(record);
form.parentView = record;
me.shrink.setConfig({
title: title,
iconCls: 'fa fa-user'
}).animShow(form);
},
/**
* 数据赋值
* View:需要赋值的视图
* Names:需要赋值的字段名称
* Data:赋值的数据
* unEditableNames:不可编辑的字段名称
* EditableNames:可编辑的字段名称
*/
windowAssignment: function (View, Names, Data, unEditableNames, editableNames) {
Ext.Array.each(Names, function (name) {
View.query('textfield[name = ' + name + ']')[0].setValue(Data[name]);
});
Ext.Array.each(unEditableNames, function (unEditableName) {
View.query('textfield[name = ' + unEditableName + ']')[0].setEditable(false);
});
Ext.Array.each(editableNames, function (editableName) {
View.query('textfield[name = ' + editableName + ']')[0].setEditable(true);
});
},
/**
* 对列表界面上的数据进行调整显示
* value:需要格式化显示的数据
*/
showData: function (value) {
if (value != null) {
var datas = value.split(',');
var _html = "";
var length = datas.length - 1;
if (length > 5) {
length = 5;
}
for (var i = 0; i < length; i++) {
_html += datas[i] + "</br>";
}
if (datas.length > 5) {
_html = _html + "...";
}
else {
_html = _html.substring(0, _html.length - 5);
}
return _html;
}
else {
return "";
}
},
/**
* 使用post方法导出
* obj.Url:导出的链接地址
* obj.PostParams:导出数据的参数
*/
downloadbypost: function (obj) {
var me = this,
fileUri = obj.Url,
arrParams = obj.PostParams,
path = Ext.getPath(obj.Url),
oIpt;
if (me.isNullOrWhiteSpace(fileUri)) {
return;
}
//创建一个form元素
var oForm = document.createElement("form");
oForm.id = "forPost";
oForm.method = "post";
oForm.action = path;
oForm.target = "_self";
for (var tmpName in arrParams) {
oIpt = document.createElement("input");
oIpt.type = "hidden";
oIpt.name = tmpName;
oIpt.value = arrParams[tmpName];
oForm.appendChild(oIpt);
}
document.body.appendChild(oForm);
oForm.submit();
//删除创建的form
var oOldFrm = document.getElementById("forPost");
if (oOldFrm) {
document.body.removeChild(oOldFrm);
}
},
/**
* 数据导出
* store:界面store
* visibleColumns:需要导出的列
* columns:界面上的所有列
* identifier:界面标识
* title:导出名称
*/
Export: function (store, visibleColumns, columns, identifier, title, url) {
var me = this;
for (var i = 0; i < columns.length; i++) {
var item = columns[i];
if (!item.isHidden() && item.text != '操作') {
visibleColumns[item.dataIndex] = item.text;
}
}
store.paramHold.params.identifier = identifier;
store.paramHold.params.filename = title + Ext.Date.format(new Date(), 'Y-m-d') + ".xls";
store.paramHold.params.columns = JSON.stringify(visibleColumns);
me.downloadbypost({ Url: url, PostParams: store.paramHold.params });
},
/**
* 数据时间格式化
*/
getDate: function (value) {
var time = value;
//如果时间格式为"2018-02-02 00:00:00"格式的话,返回日期;
//如果时间格式为"2018-02-02T00:00:00"格式的话,返回日期;
//if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/.test(value) || /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/.test(value)) {
if (/^\d{4}-\d{2}-\d{2}T|\s\d{2}:\d{2}:\d{2}(?:\.\d{1,2})?$/.test(value)) {
value = value.replace(/-/g, "/");
value = value.replace("T", " ");
value = value.split('.')[0];
time = new Date(value);
}
//如果时间格式为"/Date(1517846400000)/"格式的话,返回日期;
else if (Ext.isMSDate(value)) {
var minValue = -62135596800000;
var currentDate = parseInt(value.slice(6));
if (minValue == currentDate) {
return "";
}
time = new Date(currentDate);
}
//其他情况不处理,直接返回;
else {
return value;
}
return time;
},
/**
* 渲染日期.如果是最小时间,则认为不是有效值
* @param {string} value 头像地址.
*/
renderDate: function (value) {
if (value != "" && value != null) {
var time = this.getDate(value);
return Ext.Date.format(time, 'Y-m-d');
}
},
//将数据转换为时间格式。
renderDateTime: function (value) {
var time = this.getDate(value);
return Ext.Date.format(time, 'Y-m-d H:i:s');
},
/**
* 判断上传附件是否符合要求
* value:上传附件名称
* suffixpararms:设置的可上传附件的类型
*/
complianceSuffix: function (value, suffixpararms) {
var fileFormat = /\.[a-zA-Z]+$/.exec(value)[0].substring(1);
var compliance = suffixpararms.join('-').indexOf(fileFormat);
if (compliance != -1) {
return true;
}
else {
return false;
}
},
//判断是否是ie浏览器并返回ie版本
ieVersion: function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器
var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
if (isIE) {
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if (fIEVersion == 7) {
return 7;
} else if (fIEVersion == 8) {
return 8;
} else if (fIEVersion == 9) {
return 9;
} else if (fIEVersion == 10) {
return 10;
} else {
return 6;//IE版本<=7
}
} else if (isEdge) {
return 'edge';//edge
} else if (isIE11) {
return 11; //IE11
} else {
return -1;//不是ie浏览器
}
},
//显示高级筛选界面
showFilterView: function (view, header) {
var me = this;
document.activeElement.blur();
me.shrink.storename = header.findParentByType('grid').store.id;
me.shrinkFilter.animShow(view);
},
//高级筛选界面重置
resetingFilter: function () {
var me = this,
storename = me.shrink.storename,
store = Ext.StoreManager.get(storename),
paramHold = store.paramHold,
form = me.getView().getForm();
form.reset();
paramHold.clear();
},
//高级筛选界面查询
okFilter: function (e) {
if (e.keyCode == Ext.EventObjectImpl.ENTER || e.keyCode == undefined) {
var me = this,
storename = me.shrink.storename;
me.filter(storename);
me.shrinkFilter.hide();
}
},
//高级筛选
filter: function (storename) {
var me = this,
store = Ext.StoreManager.get(storename),
form = me.getView().getForm(),
paramHold = store.paramHold,
values = form.getValues();
me.search(1, values, store);
}
});