1307 lines
46 KiB
JavaScript
1307 lines
46 KiB
JavaScript
|
||
// FineUI应用程序域
|
||
var F = function (cmpName) {
|
||
return Ext.getCmp(cmpName);
|
||
};
|
||
|
||
F.state = function (cmp, state) {
|
||
F.util.setFState(cmp, state);
|
||
};
|
||
|
||
F.enable = function (id) {
|
||
F.util.enableSubmitControl(id);
|
||
};
|
||
|
||
F.disable = function (id) {
|
||
F.util.disableSubmitControl(id);
|
||
};
|
||
|
||
F.target = function (target) {
|
||
return F.util.getTargetWindow(target);
|
||
};
|
||
|
||
F.alert = function () {
|
||
F.util.alert.apply(window, arguments);
|
||
};
|
||
|
||
F.init = function () {
|
||
F.util.init.apply(window, arguments);
|
||
};
|
||
|
||
F.load = function () {
|
||
F.util.load.apply(window, arguments);
|
||
};
|
||
|
||
F.ready = function () {
|
||
F.util.ready.apply(window, arguments);
|
||
};
|
||
|
||
F.ajaxReady = function () {
|
||
F.util.ajaxReady.apply(window, arguments);
|
||
//if (typeof (onAjaxReady) == 'function') {
|
||
// onAjaxReady();
|
||
//}
|
||
};
|
||
|
||
F.beforeAjax = function () {
|
||
F.util.beforeAjax.apply(window, arguments);
|
||
};
|
||
|
||
F.stop = function () {
|
||
var event = arguments.callee.caller.arguments[0] || window.event;
|
||
F.util.stopEventPropagation(event);
|
||
};
|
||
|
||
F.confirm = function () {
|
||
F.util.confirm.apply(null, arguments);
|
||
};
|
||
|
||
F.toggle = function (el, className) {
|
||
Ext.get(el).toggleCls(className);
|
||
};
|
||
|
||
F.fieldValue = function (cmp) {
|
||
return F.util.getFormFieldValue(cmp);
|
||
};
|
||
|
||
F.customEvent = function (argument, validate) {
|
||
var pmv = F.pagemanager.validate;
|
||
if (validate && pmv) {
|
||
if (!F.util.validForms(pmv.forms, pmv.target, pmv.messagebox)) {
|
||
return false;
|
||
}
|
||
}
|
||
__doPostBack(F.pagemanager.name, argument);
|
||
};
|
||
|
||
F.getHidden = function () {
|
||
return F.util.getHiddenFieldValue.apply(window, arguments);
|
||
};
|
||
F.setHidden = function () {
|
||
return F.util.setHiddenFieldValue.apply(window, arguments);
|
||
};
|
||
|
||
F.addCSS = function () {
|
||
F.util.addCSS.apply(window, arguments);
|
||
};
|
||
|
||
|
||
// 更新EventValidation的值
|
||
F.eventValidation = function (newValue) {
|
||
F.setHidden("__EVENTVALIDATION", newValue);
|
||
};
|
||
|
||
|
||
// 更新ViewState的值
|
||
F.viewState = function (viewStateBeforeAJAX, newValue, startIndex) {
|
||
var viewStateHiddenFiledId = '__VIEWSTATE';
|
||
|
||
var oldValue = F.getHidden(viewStateHiddenFiledId);
|
||
var viewStateChanged = false;
|
||
if (oldValue !== viewStateBeforeAJAX) {
|
||
viewStateChanged = true;
|
||
}
|
||
|
||
if (typeof (newValue) === 'undefined') {
|
||
// AJAX过程中ViewState值没变化
|
||
if (viewStateChanged) {
|
||
F.setHidden(viewStateHiddenFiledId, viewStateBeforeAJAX);
|
||
}
|
||
} else {
|
||
// AJAX过程中ViewState值有变化
|
||
if (Ext.type(startIndex) === 'number' && startIndex > 0) {
|
||
// 只返回startIndex之后的内容
|
||
if (viewStateChanged) {
|
||
// 无法处理！
|
||
return false;
|
||
} else {
|
||
F.setHidden(viewStateHiddenFiledId, oldValue.substr(0, startIndex) + newValue);
|
||
}
|
||
} else {
|
||
// 返回完整的ViewState
|
||
F.setHidden(viewStateHiddenFiledId, newValue);
|
||
}
|
||
}
|
||
|
||
// 更新成功！
|
||
return true;
|
||
};
|
||
|
||
// cookie('theme');
|
||
// cookie('theme', 'gray');
|
||
// cookie('theme', 'gray', { 'expires': 3 });
|
||
// expires: 天
|
||
// 新增 或者 修改Cookie
|
||
F.cookie = function (key, value, options) {
|
||
if (typeof(value) === 'undefined') {
|
||
var cookies = document.cookie ? document.cookie.split('; ') : [];
|
||
var result = key ? '' : {};
|
||
Ext.Array.each(cookies, function (cookie, index) {
|
||
var parts = cookie.split('=');
|
||
var partName = decodeURIComponent(Ext.String.trim(parts[0]));
|
||
var partValue = decodeURIComponent(Ext.String.trim(parts[1]));
|
||
|
||
if (key) {
|
||
if (key === partName) {
|
||
result = partValue;
|
||
return false;
|
||
}
|
||
} else {
|
||
result[partName] = partValue;
|
||
}
|
||
});
|
||
return result;
|
||
} else {
|
||
// Set cookie
|
||
options = Ext.apply(options || {}, {
|
||
path: '/'
|
||
});
|
||
|
||
var expTime;
|
||
if (typeof (options.expires) === 'number') {
|
||
expTime = new Date();
|
||
expTime.setTime(expTime.getTime() + options.expires * 24 * 60 * 60 * 1000);
|
||
}
|
||
|
||
document.cookie = [
|
||
encodeURIComponent(key), '=', encodeURIComponent(value),
|
||
options.expires ? '; expires=' + expTime.toUTCString() : '',
|
||
options.path ? '; path=' + options.path : '',
|
||
options.domain ? '; domain=' + options.domain : '',
|
||
options.secure ? '; secure' : ''
|
||
].join('');
|
||
}
|
||
};
|
||
|
||
// 删除Cookie
|
||
F.removeCookie = function (key, options) {
|
||
options = Ext.apply(options || {}, {
|
||
path: '/',
|
||
'expires': -1
|
||
});
|
||
|
||
F.cookie(key, '', options);
|
||
};
|
||
|
||
|
||
Ext.onReady(function () {
|
||
|
||
F.util.triggerLoad();
|
||
|
||
|
||
F.util.triggerReady();
|
||
|
||
|
||
F.util.hidePageLoading();
|
||
|
||
});
|
||
|
||
(function () {
|
||
|
||
// 遍历定义了 renderTo 属性的对象
|
||
// callback: 'return false' to prevent loop continue
|
||
function resolveRenderToObj(callback) {
|
||
Ext.ComponentManager.each(function (key, cmp) {
|
||
if (cmp.isXType && cmp.renderTo) {
|
||
|
||
var result = callback.apply(cmp, [cmp]);
|
||
if (result === false) {
|
||
return false; // break
|
||
}
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
// 能否访问 iframe 中的 window.F 对象
|
||
function canIFrameWindowAccessed(iframeWnd) {
|
||
|
||
// 访问 iframeWnd.F 时，可能出现错误 Blocked a frame with origin "http://fineui.com/" from accessing a cross-origin frame.
|
||
// Blocked：这个问题出现在 http://fineui.com/ 页面加载一个 http://baidu.com/ 的 iframe 页面
|
||
try {
|
||
iframeWnd.F;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
|
||
if (!iframeWnd.F) {
|
||
return false;
|
||
}
|
||
|
||
return true;
|
||
}
|
||
|
||
|
||
// FineUI常用函数域（Utility）
|
||
F.util = {
|
||
|
||
alertTitle: "Alert Dialog",
|
||
confirmTitle: "Confirm Dialog",
|
||
formAlertMsg: "Please provide valid value for {0}!",
|
||
formAlertTitle: "Form Invalid",
|
||
loading: "Loading...",
|
||
|
||
// 下拉列表的模板
|
||
ddlTPL: '<tpl for="."><div class="x-boundlist-item<tpl if="!enabled"> x-boundlist-item-disabled</tpl>">{prefix}{text}</div></tpl>',
|
||
|
||
// 初始化
|
||
init: function (options) { // msgTarget, labelWidth, labelSeparator, blankImageUrl, enableAjaxLoading, ajaxLoadingType, enableAjax, themeName, formChangeConfirm) {
|
||
|
||
Ext.apply(F, options, {
|
||
language: 'zh_CN',
|
||
msgTarget: 'side',
|
||
labelWidth: 100,
|
||
labelSeparator: '：',
|
||
//blankImageUrl: '',
|
||
enableAjaxLoading: true,
|
||
ajaxLoadingType: 'default',
|
||
enableAjax: true,
|
||
theme: 'neptune',
|
||
formChangeConfirm: false,
|
||
ajaxTimeout: 120
|
||
});
|
||
|
||
|
||
// Ext.QuickTips.init(true); 在原生的IE7（非IE8下的IE7模式）会有问题
|
||
// 表现为iframe中的页面出现滚动条时，页面上的所有按钮都不能点击了。
|
||
// 测试例子在：aspnet/test.aspx
|
||
//Ext.QuickTips.init(false);
|
||
Ext.tip.QuickTipManager.init();
|
||
|
||
F.ajax.hookPostBack();
|
||
|
||
F.global_enable_ajax = F.enableAjax;
|
||
|
||
F.global_enable_ajax_loading = F.enableAjaxLoading;
|
||
F.global_ajax_loading_type = F.ajaxLoadingType;
|
||
|
||
// 添加Ajax Loading提示节点
|
||
F.ajaxLoadingDefault = Ext.get(F.util.appendLoadingNode());
|
||
F.ajaxLoadingMask = Ext.create('Ext.LoadMask', Ext.getBody(), { msg: F.util.loading });
|
||
|
||
|
||
F.form_upload_file = false;
|
||
F.global_disable_ajax = false;
|
||
//F.x_window_manager = new Ext.WindowManager();
|
||
//F.x_window_manager.zseed = 6000;
|
||
|
||
F.util.setHiddenFieldValue('F_CHANGED', 'false');
|
||
document.forms[0].autocomplete = 'off';
|
||
|
||
Ext.getBody().addCls('f-body');
|
||
|
||
Ext.Ajax.timeout = F.ajaxTimeout * 1000;
|
||
|
||
// 向document.body添加主题类
|
||
if (F.theme) {
|
||
Ext.getBody().addCls('f-theme-' + F.theme);
|
||
}
|
||
|
||
if (Ext.form.field) {
|
||
var fieldPro = Ext.form.field.Base.prototype;
|
||
fieldPro.msgTarget = F.msgTarget;
|
||
fieldPro.labelWidth = F.labelWidth;
|
||
fieldPro.labelSeparator = F.labelSeparator;
|
||
fieldPro.autoFitErrors = true;
|
||
}
|
||
if (Ext.form.CheckboxGroup) {
|
||
var checkboxgroupPro = Ext.form.CheckboxGroup.prototype;
|
||
checkboxgroupPro.msgTarget = F.msgTarget;
|
||
checkboxgroupPro.labelWidth = F.labelWidth;
|
||
checkboxgroupPro.labelSeparator = F.labelSeparator;
|
||
checkboxgroupPro.autoFitErrors = true;
|
||
}
|
||
|
||
F.beforeunloadCheck = true;
|
||
// 启用表单改变确认对话框
|
||
if (F.formChangeConfirm) {
|
||
// 下面这个方法在 Chrome、 Firefox下无效
|
||
//Ext.EventManager.on(window, 'beforeunload', function (event) {
|
||
window.onbeforeunload = function () {
|
||
// 允许关闭页面前提示，并且表单改变
|
||
if (F.beforeunloadCheck && F.util.formChanged()) {
|
||
return F.wnd.formChangeConfirmMsg;
|
||
}
|
||
};
|
||
}
|
||
|
||
//if (enableBigFont) {
|
||
// Ext.getBody().addCls('bigfont');
|
||
//}
|
||
|
||
/*
|
||
// IE6&7不支持，IE8以上支持"data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
|
||
if (Ext.isIE6 || Ext.isIE7) {
|
||
Ext.BLANK_IMAGE_URL = F.blankImageUrl;
|
||
}
|
||
*/
|
||
|
||
// Submit
|
||
F.ready(function () {
|
||
if (F.submitbutton) {
|
||
Ext.ComponentManager.each(function (key, cmp) {
|
||
if (cmp.isXType && cmp.renderTo) {
|
||
if (cmp.isXType('tooltip')) {
|
||
return true; // continue
|
||
}
|
||
|
||
if (cmp.isXType('panel') || cmp.isXType('formviewport')) {
|
||
F.util.registerPanelEnterKey(cmp);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
});
|
||
|
||
|
||
|
||
// 为了防止【页面中只有一个input[type=text]，则回车会提交表单】的问题，现在页面上创建一个input[type=text]的空元素
|
||
F.util.appendFormNode('<input type="text" class="f-input-text-hidden">');
|
||
|
||
},
|
||
|
||
_readyList: [],
|
||
_ajaxReadyList: [],
|
||
_beforeAjaxList: [],
|
||
_loadList: [],
|
||
|
||
ready: function (callback) {
|
||
F.util._readyList.push(callback);
|
||
},
|
||
triggerReady: function () {
|
||
Ext.Array.each(F.util._readyList, function (item, index) {
|
||
item.call(window);
|
||
});
|
||
},
|
||
|
||
|
||
ajaxReady: function (callback) {
|
||
F.util._ajaxReadyList.push(callback);
|
||
},
|
||
triggerAjaxReady: function () {
|
||
Ext.Array.each(F.util._ajaxReadyList, function (item, index) {
|
||
item.call(window);
|
||
});
|
||
},
|
||
|
||
beforeAjax: function (callback) {
|
||
F.util._beforeAjaxList.push(callback);
|
||
},
|
||
triggerBeforeAjax: function () {
|
||
Ext.Array.each(F.util._beforeAjaxList, function (item, index) {
|
||
item.call(window);
|
||
});
|
||
},
|
||
|
||
|
||
load: function (callback) {
|
||
F.util._loadList.push(callback);
|
||
},
|
||
triggerLoad: function () {
|
||
Ext.Array.each(F.util._loadList, function (item, index) {
|
||
item.call(window);
|
||
});
|
||
},
|
||
|
||
setFState: function (cmp, state) {
|
||
if (!cmp || !cmp['f_state']) {
|
||
return;
|
||
}
|
||
|
||
var oldValue, newValue, el;
|
||
// 如果state中包含CssClass，也就是在服务器端修改了CssClass属性，则需要首先删除原来的CssClass属性。
|
||
if (typeof (state['CssClass']) !== 'undefined') {
|
||
newValue = state['CssClass'];
|
||
oldValue = cmp['f_state']['CssClass'];
|
||
if (!oldValue) {
|
||
oldValue = cmp.initialConfig.cls;
|
||
}
|
||
el = cmp.el;
|
||
el.removeCls(oldValue);
|
||
el.addCls(newValue);
|
||
}
|
||
|
||
//if (typeof (state['FormItemClass']) !== 'undefined') {
|
||
// newValue = state['FormItemClass'];
|
||
// oldValue = cmp['f_state']['FormItemClass'];
|
||
// if (!oldValue) {
|
||
// oldValue = cmp.initialConfig.itemCls;
|
||
// }
|
||
// // Search for max 10 depth.
|
||
// el = cmp.el.findParent('.x-form-item', 10, true);
|
||
// el.removeCls(oldValue);
|
||
// el.addCls(newValue);
|
||
//}
|
||
|
||
Ext.apply(cmp['f_state'], state);
|
||
|
||
},
|
||
|
||
stopEventPropagation: function (event) {
|
||
event = event || window.event;
|
||
if (typeof (event.cancelBubble) === 'boolean') {
|
||
event.cancelBubble = true;
|
||
} else {
|
||
event.stopPropagation();
|
||
}
|
||
},
|
||
|
||
// 绑定函数的上下文
|
||
bind: function (fn, scope) {
|
||
return function () {
|
||
return fn.apply(scope, arguments);
|
||
};
|
||
},
|
||
|
||
// 在页面上查找id为findId的节点，替换成replaceHtml
|
||
replace: function (findId, replaceHtml) {
|
||
// 在findId外面添加一个DIV层，然后更新此wrapper的InnerHTML
|
||
var findedControl = Ext.get(findId);
|
||
if (findedControl) {
|
||
var wrapper = findedControl.wrap().update(replaceHtml);
|
||
// 将新增的节点移到wrapper上面
|
||
wrapper.first().insertBefore(wrapper);
|
||
// 然后删除wrapper
|
||
wrapper.remove();
|
||
}
|
||
},
|
||
|
||
// 隐藏PageLoading节点
|
||
hidePageLoading: function () {
|
||
/*
|
||
if (fadeOut) {
|
||
Ext.get("loading").remove();
|
||
Ext.get("loading-mask").fadeOut({ remove: true });
|
||
}
|
||
else {
|
||
Ext.get("loading").remove();
|
||
Ext.get("loading-mask").remove();
|
||
}
|
||
*/
|
||
|
||
Ext.get("loading").hide();
|
||
Ext.get("loading-mask").hide();
|
||
},
|
||
|
||
|
||
// 去掉字符串中的html标签
|
||
stripHtmlTags: function (str) {
|
||
return str.replace(/<[^>]*>/g, "");
|
||
},
|
||
|
||
|
||
// 弹出Alert对话框
|
||
alert: function (msg, title, icon, okscript) {
|
||
title = title || F.util.alertTitle;
|
||
icon = icon || Ext.MessageBox.INFO;
|
||
Ext.MessageBox.show({
|
||
title: title,
|
||
msg: msg,
|
||
buttons: Ext.MessageBox.OK,
|
||
icon: icon,
|
||
fn: function (buttonId) {
|
||
if (buttonId === "ok") {
|
||
if (typeof (okscript) === "function") {
|
||
okscript.call(window);
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 向页面添加Loading...节点
|
||
appendLoadingNode: function () {
|
||
return F.util.appendFormNode({ tag: 'div', id: 'f_ajax_loading', cls: 'f-ajax-loading', html: F.util.loading });
|
||
},
|
||
|
||
// 向页面的 form 节点最后添加新的节点
|
||
appendFormNode: function (htmlOrObj) {
|
||
return Ext.DomHelper.append(document.forms[0], htmlOrObj);
|
||
},
|
||
|
||
// 向页面添加一个隐藏字段，如果已经存在则更新值
|
||
setHiddenFieldValue: function (fieldId, fieldValue) {
|
||
var itemNode = Ext.get(fieldId);
|
||
if (!itemNode) {
|
||
// Ext.DomHelper.append 有问题，例如下面这个例子得到的结果是错的；变通一下，先插入节点，在设置节点的值。
|
||
// Ext.DomHelper.append(document.forms[0], { tag: "input", type: "hidden", value: '{"X_Items":[["Value1","可选项1",1],["Value2","可选项2（不可选择）",0],["Value3","可选项3（不可选择）",0],["Value4","可选项4",1],["Value5","可选项5",1],["Value6","可选项6",1],["Value7","可选择项7",1],["Value8","可选择项8",1],["Value9","可选择项9",1]],"SelectedValue":"Value1"}'});
|
||
// 上面的这个字符串，在IETest的IE8模式下会变成：
|
||
// {"DropDownList1":{"X_Items":[["Value1","\u9009\u9879 1",1],["Value2","\u9009\u9879 2\uff08\u4e0d\u53ef\u9009\u62e9\uff09",0],["Value3","\u9009\u9879 3\uff08\u4e0d\u53ef\u9009\u62e9\uff09",0],["Value4","\u9009\u9879 4",1],["Value5","\u9009\u9879 5",1],["Value6","\u9009\u9879 6",1],["Value7","\u9009\u9879 7",1],["Value8","\u9009\u9879 8",1],["Value9","\u9009\u9879 9",1]],"SelectedValue":"Value1"}}
|
||
|
||
F.util.appendFormNode({ tag: "input", type: "hidden", id: fieldId, name: fieldId });
|
||
Ext.get(fieldId).dom.value = fieldValue;
|
||
}
|
||
else {
|
||
itemNode.dom.value = fieldValue;
|
||
}
|
||
},
|
||
// 从表单中删除隐藏字段
|
||
removeHiddenField: function (fieldId) {
|
||
var itemNode = Ext.get(fieldId);
|
||
if (itemNode) {
|
||
itemNode.remove();
|
||
}
|
||
},
|
||
// 获取页面中一个隐藏字段的值
|
||
getHiddenFieldValue: function (fieldId) {
|
||
var itemNode = Ext.get(fieldId);
|
||
if (itemNode) {
|
||
return itemNode.getValue();
|
||
}
|
||
return null;
|
||
},
|
||
|
||
// 禁用提交按钮（在回发之前禁用以防止重复提交）
|
||
disableSubmitControl: function (controlClientID) {
|
||
F(controlClientID).disable();
|
||
F.util.setHiddenFieldValue('F_TARGET', controlClientID);
|
||
},
|
||
// 启用提交按钮（在回发之后启用提交按钮）
|
||
enableSubmitControl: function (controlClientID) {
|
||
F(controlClientID).enable();
|
||
F.util.setHiddenFieldValue('F_TARGET', '');
|
||
},
|
||
|
||
|
||
|
||
/*
|
||
// 更新ViewState的值
|
||
updateViewState: function (newValue, startIndex, gzipped) {
|
||
if (typeof (startIndex) === 'boolean') {
|
||
gzipped = startIndex;
|
||
startIndex = -1;
|
||
}
|
||
|
||
var viewStateHiddenFiledID = "__VIEWSTATE";
|
||
if (gzipped) {
|
||
viewStateHiddenFiledID = "__VIEWSTATE_GZ";
|
||
}
|
||
|
||
var oldValue = F.util.getHiddenFieldValue(viewStateHiddenFiledID);
|
||
if (Ext.type(startIndex) == "number" && startIndex > 0) {
|
||
if (startIndex < oldValue.length) {
|
||
oldValue = oldValue.substr(0, startIndex);
|
||
}
|
||
} else {
|
||
// Added on 2011-5-2, this is a horrible mistake.
|
||
oldValue = '';
|
||
}
|
||
F.util.setHiddenFieldValue(viewStateHiddenFiledID, oldValue + newValue);
|
||
},
|
||
|
||
// 更新EventValidation的值
|
||
updateEventValidation: function (newValue) {
|
||
F.util.setHiddenFieldValue("__EVENTVALIDATION", newValue);
|
||
},
|
||
*/
|
||
|
||
// 设置页面状态是否改变
|
||
setPageStateChanged: function (changed) {
|
||
var pageState = Ext.get("F_CHANGED");
|
||
if (pageState) {
|
||
pageState.dom.value = changed;
|
||
}
|
||
},
|
||
|
||
// 页面状态是否改变
|
||
isPageStateChanged: function () {
|
||
var pageState = Ext.get("F_CHANGED");
|
||
if (pageState && pageState.getValue() == "true") {
|
||
return true;
|
||
}
|
||
return false;
|
||
},
|
||
|
||
|
||
// 阻止页面关闭（页面中iframe内的表单已改变，或者页面中iframe定义了beforeunload）
|
||
preventPageClose: function (el) {
|
||
var me = this;
|
||
|
||
// 是否阻止关闭
|
||
var preventClose = false;
|
||
|
||
var iframeEls;
|
||
if (el) {
|
||
iframeEls = el.select('iframe');
|
||
} else {
|
||
iframeEls = Ext.select('iframe');
|
||
}
|
||
|
||
iframeEls.each(function (iframeEl) {
|
||
var iframeWnd = iframeEl.dom.contentWindow;
|
||
|
||
if (!canIFrameWindowAccessed(iframeWnd)) {
|
||
return true; // continue
|
||
}
|
||
|
||
if (iframeWnd && iframeWnd.F) {
|
||
var iframeF = iframeWnd.F;
|
||
|
||
// 启用表单改变确认对话框 并且 表单已改变
|
||
if (iframeF.formChangeConfirm && iframeF.util.formChanged()) {
|
||
// 阻止关闭当前面板
|
||
if (!window.confirm(F.wnd.formChangeConfirmMsg)) {
|
||
preventClose = true;
|
||
return false; // break
|
||
} else {
|
||
// 没有阻止，不要在触发 $(window).beforeunload 事件了
|
||
iframeF.beforeunloadCheck = false;
|
||
}
|
||
}
|
||
|
||
/*
|
||
// 是否自定义了 beforeunload 事件
|
||
var beforeunloadCallbacks = iframeF.util._fjs_getEvent('beforeunload');
|
||
if (beforeunloadCallbacks) {
|
||
for (var i = 0, count = beforeunloadCallbacks.length; i < count; i++) {
|
||
var beforeunloadCallback = beforeunloadCallbacks[i];
|
||
|
||
var confirmMsg = beforeunloadCallback.apply(iframeWnd);
|
||
if (confirmMsg) {
|
||
// 阻止关闭当前面板
|
||
if (!window.confirm(confirmMsg)) {
|
||
preventClose = true;
|
||
return false; // break
|
||
} else {
|
||
// 没有阻止，不要在触发 $(window).beforeunload 事件了
|
||
iframeF.beforeunloadCheck = false;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
*/
|
||
|
||
// 子页面是否阻止关闭
|
||
var childrenPreventClose = iframeF.util.preventPageClose();
|
||
if (childrenPreventClose) {
|
||
|
||
// 被子页面阻止了，则恢复父页面的 beforeunloadCheck 标识
|
||
iframeF.beforeunloadCheck = true;
|
||
|
||
preventClose = true;
|
||
return false; // break
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
return preventClose;
|
||
},
|
||
|
||
// 页面中表单字段是否改变
|
||
formChanged: function () {
|
||
var changed = false;
|
||
resolveRenderToObj(function (obj) {
|
||
if (obj.isXType('container') && obj.f_isDirty()) {
|
||
changed = true;
|
||
return false; // break
|
||
}
|
||
});
|
||
|
||
return changed;
|
||
},
|
||
|
||
|
||
// 验证多个表单，返回数组[是否验证通过，第一个不通过的表单字段]
|
||
validForms: function (forms, targetName, showBox) {
|
||
var target = F.util.getTargetWindow(targetName);
|
||
var valid = true;
|
||
var firstInvalidField = null;
|
||
for (var i = 0; i < forms.length; i++) {
|
||
var result = F(forms[i]).f_isValid();
|
||
if (!result[0]) {
|
||
valid = false;
|
||
if (firstInvalidField == null) {
|
||
firstInvalidField = result[1];
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!valid) {
|
||
if (showBox) {
|
||
var alertMsg = Ext.String.format(F.util.formAlertMsg, firstInvalidField.fieldLabel);
|
||
target.F.util.alert(alertMsg, F.util.formAlertTitle, Ext.MessageBox.INFO);
|
||
}
|
||
return false;
|
||
}
|
||
return true;
|
||
},
|
||
|
||
|
||
// 判断隐藏字段值（数组）是否包含value
|
||
isHiddenFieldContains: function (domId, testValue) {
|
||
testValue += "";
|
||
var domValue = Ext.get(domId).dom.value;
|
||
if (domValue === "") {
|
||
//console.log(domId);
|
||
return false;
|
||
}
|
||
else {
|
||
var sourceArray = domValue.split(",");
|
||
return Ext.Array.indexOf(sourceArray, testValue) >= 0 ? true : false;
|
||
}
|
||
},
|
||
|
||
|
||
// 将一个字符添加到字符列表中，将2添加到[5,3,4]
|
||
addValueToHiddenField: function (domId, addValue) {
|
||
addValue += "";
|
||
var domValue = Ext.get(domId).dom.value;
|
||
if (domValue == "") {
|
||
Ext.get(domId).dom.value = addValue + "";
|
||
}
|
||
else {
|
||
var sourceArray = domValue.split(",");
|
||
if (Ext.Array.indexOf(sourceArray, addValue) < 0) {
|
||
sourceArray.push(addValue);
|
||
Ext.get(domId).dom.value = sourceArray.join(",");
|
||
}
|
||
}
|
||
},
|
||
|
||
|
||
// 从字符列表中移除一个字符，将2从dom的值"5,3,4,2"移除
|
||
removeValueFromHiddenField: function (domId, addValue) {
|
||
addValue += "";
|
||
var domValue = Ext.get(domId).dom.value;
|
||
if (domValue != "") {
|
||
var sourceArray = domValue.split(",");
|
||
if (Ext.Array.indexOf(sourceArray, addValue) >= 0) {
|
||
sourceArray = sourceArray.remove(addValue);
|
||
Ext.get(domId).dom.value = sourceArray.join(",");
|
||
}
|
||
}
|
||
},
|
||
|
||
|
||
// 取得隐藏字段的值
|
||
getHiddenFieldValue: function (fieldId) {
|
||
var itemNode = Ext.get(fieldId);
|
||
if (!itemNode) {
|
||
return "";
|
||
}
|
||
else {
|
||
return itemNode.dom.value;
|
||
}
|
||
},
|
||
|
||
|
||
// 取得表单字段的值
|
||
getFormFieldValue: function (cmp) {
|
||
if (typeof (cmp) === 'string') {
|
||
cmp = F(cmp);
|
||
}
|
||
var value = cmp.getValue();
|
||
if (cmp.isXType('displayfield')) {
|
||
value = value.replace(/<\/?span[^>]*>/ig, '');
|
||
}
|
||
return value;
|
||
},
|
||
|
||
|
||
// 由target获取window对象
|
||
getTargetWindow: function (target) {
|
||
var wnd = window;
|
||
if (target === '_self') {
|
||
wnd = window;
|
||
} else if (target === '_parent') {
|
||
wnd = parent;
|
||
} else if (target === '_top') {
|
||
wnd = top;
|
||
}
|
||
return wnd;
|
||
},
|
||
|
||
|
||
// 预加载图片
|
||
preloadImages: function (images) {
|
||
var imageInstance = [];
|
||
for (var i = 0; i < images.length; i++) {
|
||
imageInstance[i] = new Image();
|
||
imageInstance[i].src = images[i];
|
||
}
|
||
},
|
||
|
||
hasCSS: function (id) {
|
||
return !!Ext.get(id);
|
||
},
|
||
|
||
addCSS: function (id, content, isCSSFile) {
|
||
|
||
// 如果此节点已经存在，则先删除此节点
|
||
var node = Ext.get(id);
|
||
if (node) {
|
||
Ext.removeNode(node.dom);
|
||
}
|
||
|
||
var ss1;
|
||
|
||
if (isCSSFile) {
|
||
ss1 = document.createElement('link');
|
||
ss1.setAttribute('type', 'text/css');
|
||
ss1.setAttribute('rel', 'stylesheet');
|
||
ss1.setAttribute('id', id);
|
||
ss1.setAttribute('href', content);
|
||
} else {
|
||
// Tricks From: http://www.phpied.com/dynamic-script-and-style-elements-in-ie/
|
||
ss1 = document.createElement("style");
|
||
ss1.setAttribute("type", "text/css");
|
||
ss1.setAttribute("id", id);
|
||
if (ss1.styleSheet) { // IE
|
||
ss1.styleSheet.cssText = content;
|
||
} else { // the world
|
||
var tt1 = document.createTextNode(content);
|
||
ss1.appendChild(tt1);
|
||
}
|
||
}
|
||
|
||
var hh1 = document.getElementsByTagName("head")[0];
|
||
hh1.appendChild(ss1);
|
||
},
|
||
|
||
/*
|
||
// 在启用AJAX的情况下，使所有的Asp.net的提交按钮（type="submit"）不要响应默认的submit行为，而是自定义的AJAX
|
||
makeAspnetSubmitButtonAjax: function (buttonId) {
|
||
|
||
// 低版本IE浏览器不允许使用JS修改input标签的type属性，导致此函数无效
|
||
function resetButton(button) {
|
||
button.set({ "type": "button" });
|
||
button.addListener("click", function (event, el) {
|
||
__doPostBack(el.getAttribute("name"), "");
|
||
event.stopEvent();
|
||
});
|
||
}
|
||
|
||
if (typeof (buttonId) === "undefined") {
|
||
Ext.Array.each(Ext.DomQuery.select("input[type=submit]"), function (item, index) {
|
||
resetButton(Ext.get(item));
|
||
});
|
||
} else {
|
||
var button = Ext.get(buttonId);
|
||
if (button.getAttribute("type") === "submit") {
|
||
resetButton(button);
|
||
}
|
||
}
|
||
|
||
},
|
||
|
||
*/
|
||
|
||
htmlEncode: function (str) {
|
||
var div = document.createElement("div");
|
||
div.appendChild(document.createTextNode(str));
|
||
return div.innerHTML;
|
||
},
|
||
|
||
htmlDecode: function (str) {
|
||
var div = document.createElement("div");
|
||
div.innerHTML = str;
|
||
return div.innerHTML;
|
||
},
|
||
|
||
|
||
// Whether a object is empty (With no property) or not.
|
||
// 可以使用 Ext.Object.isEmpty
|
||
isObjectEmpty: function (obj) {
|
||
for (var prop in obj) {
|
||
if (obj.hasOwnProperty(prop)) {
|
||
return false;
|
||
}
|
||
}
|
||
return true;
|
||
},
|
||
|
||
// Convert an array to object.
|
||
// ['Text', 'Icon'] -> {'Text':true, 'Icon': true}
|
||
arrayToObject: function (arr) {
|
||
var obj = {};
|
||
Ext.Array.each(arr, function (item, index) {
|
||
obj[item] = true;
|
||
});
|
||
return obj;
|
||
},
|
||
|
||
hideScrollbar: function () {
|
||
if (Ext.isIE) {
|
||
window.document.body.scroll = 'no';
|
||
} else {
|
||
window.document.body.style.overflow = 'hidden';
|
||
}
|
||
},
|
||
|
||
|
||
// 动态添加一个标签页
|
||
// mainTabStrip： 选项卡实例
|
||
// id： 选项卡ID
|
||
// url: 选项卡IFrame地址
|
||
// text： 选项卡标题
|
||
// icon： 选项卡图标
|
||
// addTabCallback： 创建选项卡前的回调函数（接受tabConfig参数）
|
||
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
||
addMainTab: function (mainTabStrip, id, url, text, icon, createToolbar, refreshWhenExist) {
|
||
var iconId, iconCss, tabId, currentTab, tabConfig;
|
||
|
||
// 兼容 addMainTab(mainTabStrip, treeNode, addTabCallback, refreshWhenExist) 调用方式
|
||
if (typeof (id) !== 'string') {
|
||
refreshWhenExist = text;
|
||
createToolbar = url;
|
||
url = id.data.href;
|
||
icon = id.data.icon;
|
||
text = id.data.text;
|
||
|
||
id = id.getId();
|
||
}
|
||
|
||
//var href = node.attributes.href;
|
||
if (icon) {
|
||
iconId = icon.replace(/\W/ig, '_');
|
||
if (!F.util.hasCSS(iconId)) {
|
||
iconCss = [];
|
||
iconCss.push('.');
|
||
iconCss.push(iconId);
|
||
iconCss.push('{background-image:url("');
|
||
iconCss.push(icon);
|
||
iconCss.push('")}');
|
||
F.util.addCSS(iconId, iconCss.join(''));
|
||
}
|
||
}
|
||
// 动态添加一个带工具栏的标签页
|
||
//tabId = 'dynamic_added_tab' + id.replace('__', '-');
|
||
currentTab = mainTabStrip.getTab(id);
|
||
if (!currentTab) {
|
||
tabConfig = {
|
||
'id': id,
|
||
'url': url,
|
||
'title': text,
|
||
'closable': true,
|
||
'bodyStyle': 'padding:0px;'
|
||
};
|
||
if (icon) {
|
||
tabConfig['iconCls'] = iconId;
|
||
}
|
||
|
||
if (createToolbar) {
|
||
var addTabCallbackResult = createToolbar.apply(window, [tabConfig]);
|
||
// 兼容之前的方法，函数返回值如果不为空，则将返回值作为顶部工具条实例
|
||
if (addTabCallbackResult) {
|
||
tabConfig['tbar'] = addTabCallbackResult;
|
||
}
|
||
}
|
||
mainTabStrip.addTab(tabConfig);
|
||
} else {
|
||
mainTabStrip.setActiveTab(currentTab);
|
||
currentTab.setTitle(text);
|
||
if (icon) {
|
||
currentTab.setIconCls(iconId);
|
||
}
|
||
if (refreshWhenExist) {
|
||
var iframeNode = currentTab.body.query('iframe')[0];
|
||
if (iframeNode) {
|
||
if (url) {
|
||
iframeNode.contentWindow.location.href = url;
|
||
} else {
|
||
iframeNode.contentWindow.location.reload();
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
},
|
||
|
||
// 初始化左侧树（或者手风琴+树）与右侧选项卡控件的交互
|
||
// treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
|
||
// mainTabStrip： 选项卡实例
|
||
// createToolbar： 创建选项卡前的回调函数（接受tabConfig参数）
|
||
// updateLocationHash: 切换Tab时，是否更新地址栏Hash值
|
||
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
||
// refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame
|
||
// hashWindow：需要更新Hash值的窗口对象，默认为当前window
|
||
initTreeTabStrip: function (treeMenu, mainTabStrip, createToolbar, updateLocationHash, refreshWhenExist, refreshWhenTabChange, hashWindow) {
|
||
if (!hashWindow) {
|
||
hashWindow = window;
|
||
}
|
||
|
||
// 注册树的节点点击事件
|
||
function registerTreeClickEvent(treeInstance) {
|
||
treeInstance.on('itemclick', function (view, record, item, index, event) {
|
||
var href = record.data.href;
|
||
|
||
// record.isLeaf()
|
||
// 不管当前节点是否子节点，只要有 href 属性，都需要打开一个新Tab
|
||
if (href) {
|
||
// 阻止事件传播
|
||
event.stopEvent();
|
||
|
||
if (updateLocationHash) {
|
||
// 修改地址栏
|
||
hashWindow.location.hash = '#' + href;
|
||
}
|
||
|
||
// 新增Tab节点
|
||
F.util.addMainTab(mainTabStrip, record, createToolbar, refreshWhenExist);
|
||
}
|
||
});
|
||
}
|
||
|
||
// treeMenu可能是Accordion或者Tree
|
||
if (treeMenu.getXType() === 'panel') {
|
||
treeMenu.items.each(function (item) {
|
||
var tree = item.items.getAt(0);
|
||
if (tree && tree.getXType() === 'treepanel') {
|
||
registerTreeClickEvent(tree);
|
||
}
|
||
});
|
||
} else if (treeMenu.getXType() === 'treepanel') {
|
||
registerTreeClickEvent(treeMenu);
|
||
}
|
||
|
||
// 切换主窗口的Tab
|
||
mainTabStrip.on('tabchange', function (tabStrip, tab) {
|
||
var tabHash = '#' + (tab.url || '');
|
||
|
||
// 只有当浏览器地址栏的Hash值和将要改变的不一样时，才进行如下两步处理：
|
||
// 1. 更新地址栏Hash值
|
||
// 2. 刷新Tab内的IFrame
|
||
if (tabHash !== hashWindow.location.hash) {
|
||
|
||
if (updateLocationHash) {
|
||
hashWindow.location.hash = tabHash;
|
||
}
|
||
|
||
if (refreshWhenTabChange) {
|
||
var iframeNode = tab.body.query('iframe')[0];
|
||
if (iframeNode) {
|
||
var currentLocationHref = iframeNode.contentWindow.location.href;
|
||
if (/^http(s?):\/\//.test(currentLocationHref)) {
|
||
iframeNode.contentWindow.location.reload();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
|
||
// 页面第一次加载时，根据URL地址在主窗口加载页面
|
||
var HASH = hashWindow.location.hash.substr(1);
|
||
if (HASH) {
|
||
var FOUND = false;
|
||
|
||
function initTreeMenu(treeInstance, node) {
|
||
var i, currentNode, nodes, node, path;
|
||
if (!FOUND && node.hasChildNodes()) {
|
||
nodes = node.childNodes;
|
||
for (i = 0; i < nodes.length; i++) {
|
||
currentNode = nodes[i];
|
||
if (currentNode.isLeaf()) {
|
||
if (currentNode.data.href === HASH) {
|
||
path = currentNode.getPath();
|
||
treeInstance.expandPath(path); //node.expand();
|
||
treeInstance.selectPath(path); // currentNode.select();
|
||
F.util.addMainTab(mainTabStrip, currentNode, createToolbar);
|
||
FOUND = true;
|
||
return;
|
||
}
|
||
} else {
|
||
arguments.callee(treeInstance, currentNode);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (treeMenu.getXType() === 'panel') {
|
||
treeMenu.items.each(function (item) {
|
||
var tree = item.items.getAt(0);
|
||
if (tree && tree.getXType() === 'treepanel') {
|
||
initTreeMenu(tree, tree.getRootNode());
|
||
|
||
// 找到树节点
|
||
if (FOUND) {
|
||
item.expand();
|
||
return false;
|
||
}
|
||
}
|
||
});
|
||
} else if (treeMenu.getXType() === 'treepanel') {
|
||
initTreeMenu(treeMenu, treeMenu.getRootNode());
|
||
}
|
||
}
|
||
|
||
},
|
||
|
||
// 复选框分组处理
|
||
resolveCheckBoxGroup: function (name, xstateContainer, isradiogroup) {
|
||
var items = [], i, count, xitem, xitemvalue, xitems, xselectedarray, xselected, xchecked, xitemname;
|
||
|
||
xitems = xstateContainer.F_Items;
|
||
xselectedarray = xstateContainer.SelectedValueArray;
|
||
xselected = xstateContainer.SelectedValue;
|
||
|
||
if (xitems && xitems.length > 0) {
|
||
for (i = 0, count = xitems.length; i < count; i++) {
|
||
xitem = xitems[i];
|
||
xitemvalue = xitem[1];
|
||
xchecked = false;
|
||
if (!isradiogroup) {
|
||
// xselectedarray 可能是undefined, [], ["value1", "value2"]
|
||
if (xselectedarray) {
|
||
xchecked = (Ext.Array.indexOf(xselectedarray, xitemvalue) >= 0) ? true : false;
|
||
}
|
||
xitemname = name + '_' + i;
|
||
} else {
|
||
xchecked = (xselected === xitemvalue) ? true : false;
|
||
xitemname = name;
|
||
}
|
||
items.push({
|
||
'inputValue': xitemvalue,
|
||
'boxLabel': xitem[0],
|
||
'name': xitemname,
|
||
'checked': xchecked
|
||
});
|
||
}
|
||
}
|
||
/*
|
||
else {
|
||
items.push({
|
||
'inputValue': "tobedeleted",
|
||
'boxLabel': " ",
|
||
'name': "tobedeleted"
|
||
});
|
||
}
|
||
*/
|
||
return items;
|
||
|
||
},
|
||
|
||
// 防止在短时间内，同一GroupName的单选框触发两次事件
|
||
// 用于 MenuCheckBox 和 RadioButton
|
||
checkGroupLastTime: function (groupName) {
|
||
var checkName = groupName + '_lastupdatetime';
|
||
var checkValue = F.util[checkName];
|
||
F.util[checkName] = new Date();
|
||
if (typeof (checkValue) === 'undefined') {
|
||
return true;
|
||
} else {
|
||
if ((new Date() - checkValue) < 100) {
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
}
|
||
},
|
||
|
||
// 对话框图标
|
||
getMessageBoxIcon: function (iconShortName) {
|
||
var icon = Ext.MessageBox.WARNING;
|
||
if (iconShortName === 'info') {
|
||
icon = Ext.MessageBox.INFO;
|
||
} else if (iconShortName === 'warning') {
|
||
icon = Ext.MessageBox.WARNING;
|
||
} else if (iconShortName === 'question') {
|
||
icon = Ext.MessageBox.QUESTION;
|
||
} else if (iconShortName === 'error') {
|
||
icon = Ext.MessageBox.ERROR;
|
||
}
|
||
return icon;
|
||
},
|
||
|
||
// 确认对话框
|
||
confirm: function (targetName, title, msg, okScript, cancelScript, iconShortName) {
|
||
var wnd = F.util.getTargetWindow(targetName);
|
||
var icon = F.util.getMessageBoxIcon(iconShortName);
|
||
wnd.Ext.MessageBox.show({
|
||
title: title || F.util.confirmTitle,
|
||
msg: msg,
|
||
buttons: Ext.MessageBox.OKCANCEL,
|
||
icon: icon,
|
||
fn: function (btn) {
|
||
if (btn == 'cancel') {
|
||
if (cancelScript) {
|
||
if (typeof (cancelScript) === 'string') {
|
||
new Function(cancelScript)();
|
||
} else {
|
||
cancelScript.apply(wnd);
|
||
}
|
||
} else {
|
||
return false;
|
||
}
|
||
} else {
|
||
if (okScript) {
|
||
if (typeof (okScript) === 'string') {
|
||
new Function(okScript)();
|
||
} else {
|
||
okScript.apply(wnd);
|
||
}
|
||
} else {
|
||
return false;
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
|
||
|
||
summaryType: function (gridId) {
|
||
return function (records, dataIndex) {
|
||
var summary = F(gridId).f_state['SummaryData'];
|
||
if (summary) {
|
||
var value = summary[dataIndex];
|
||
if (typeof (value) !== 'undefined') {
|
||
return value;
|
||
}
|
||
}
|
||
return '';
|
||
};
|
||
},
|
||
|
||
// 表单字段内按回车键触发提交按钮
|
||
registerPanelEnterKey: function (panel) {
|
||
if (F.submitbutton) {
|
||
Ext.create('Ext.util.KeyNav', panel.el, {
|
||
enter: function (e) {
|
||
var el = Ext.Element.getActiveElement();
|
||
if (el.type !== 'textarea') {
|
||
F(F.submitbutton).el.dom.click();
|
||
}
|
||
},
|
||
scope: panel
|
||
});
|
||
}
|
||
},
|
||
|
||
reset: function () {
|
||
Ext.ComponentManager.each(function (key, cmp) {
|
||
if (cmp.isXType && cmp.isXType('panel') && cmp.renderTo) {
|
||
cmp.f_reset();
|
||
}
|
||
});
|
||
},
|
||
|
||
|
||
isDate: function (value) {
|
||
return Object.prototype.toString.call(value) === '[object Date]';
|
||
},
|
||
|
||
resolveGridDateToString: function (fields, fieldName, fieldValue) {
|
||
var i, fieldConfig, result = fieldValue;
|
||
for (i = 0, count = fields.length; i < count; i++) {
|
||
fieldConfig = fields[i];
|
||
if (fieldConfig.name === fieldName && fieldConfig.type === 'date' && fieldConfig.dateFormat) {
|
||
result = Ext.util.Format.date(fieldValue, fieldConfig.dateFormat);
|
||
}
|
||
}
|
||
return result;
|
||
},
|
||
|
||
|
||
noop: function () { }
|
||
|
||
};
|
||
|
||
|
||
|
||
|
||
})(); |