|
Edo = {
|
version: '1.0',
|
website: 'http://www.edojs.com',
|
email: 'services@edojs.com'
|
};
|
|
window.undefined = window.undefined;
|
|
Function.prototype.extend = function (sp, overrides) {
|
if (typeof sp != 'function') return this;
|
|
var sb = this, sbp = sb.prototype, spp = sp.prototype;
|
if (sb.superclass == spp) return;
|
sb.superclass = spp;
|
sb.superclass.constructor = sp;
|
|
for (var p in spp) {
|
sbp[p] = spp[p];
|
}
|
if (overrides) {
|
for (var p in overrides) {
|
sbp[p] = overrides[p];
|
}
|
}
|
return sb;
|
}
|
|
Edo.apply = function (o, c, defaults) {
|
if (defaults) {
|
Edo.apply(o, defaults);
|
}
|
if (o && c && typeof c == 'object') {
|
for (var p in c) {
|
o[p] = c[p];
|
}
|
}
|
return o;
|
};
|
Edo.applyIf = function (o, c) {
|
if (o) {
|
for (var p in c) {
|
if (o[p] === undefined || o[p] === null) {
|
o[p] = c[p];
|
}
|
}
|
}
|
return o;
|
}
|
function escapeRe(s) {
|
return s.replace(/([.*+?^${}()|[\]\/\\])/g, "\\$1");
|
}
|
function HTMLEncode(html) {
|
var temp = document.createElement("div");
|
(temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
|
var output = temp.innerHTML;
|
temp = null;
|
return output;
|
}
|
|
function HTMLDecode(text) {
|
var temp = document.createElement("div");
|
temp.innerHTML = text;
|
var output = temp.innerText || temp.textContent;
|
temp = null;
|
return output;
|
}
|
|
var toString = Object.prototype.toString,
|
ua = navigator.userAgent.toLowerCase(),
|
check = function (r) {
|
return r.test(ua);
|
},
|
DOC = document,
|
isStrict = DOC.compatMode == "CSS1Compat",
|
|
isOpera = toString.call(window.opera) == '[object Opera]',
|
isChrome = check(/chrome/),
|
isWebKit = check(/webkit/),
|
|
isSafari = !isChrome && check(/safari/),
|
isSafari2 = isSafari && check(/applewebkit\/4/), // unique to Safari 2
|
isSafari3 = isSafari && check(/version\/3/),
|
isSafari4 = isSafari && check(/version\/4/),
|
isIE = !!window.attachEvent && !isOpera,
|
isIE7 = isIE && check(/msie 7/),
|
isIE8 = isIE && check(/msie 8/),
|
isIE6 = isIE && !isIE7 && !isIE8,
|
isGecko = !isWebKit && check(/gecko/),
|
isGecko2 = isGecko && check(/rv:1\.8/),
|
isGecko3 = isGecko && check(/rv:1\.9/),
|
isFireFox = ua.indexOf("firefox") != -1,
|
isBorderBox = isIE && !isStrict,
|
isWindows = check(/windows|win32/),
|
isMac = check(/macintosh|mac os x/),
|
isAir = check(/adobeair/),
|
isLinux = check(/linux/),
|
isSecure = /^https/i.test(window.location.protocol);
|
|
|
// remove css image flicker
|
if (isIE6) {
|
try {
|
DOC.execCommand("BackgroundImageCache", false, true);
|
} catch (e) { }
|
}
|
|
Edo.apply(Edo, {
|
view: document.defaultView,
|
types: {},
|
|
htmlRe: /<html[^>]*>((\n|\r|.)*?)<\/html>/ig,
|
scriptRe: /(?:<script([^>]*)?>)((\n|\r|.)*?)(?:<\/script>)/ig,
|
styleRe: /(?:<style([^>]*)?>)((\n|\r|.)*?)(?:<\/style>)/ig,
|
emptyRe: /(?:<--)((\n|\r|.)*?)(?:-->)/ig,
|
|
ID: 1,
|
id: function (el, prefix) {
|
return (el = Edo.getDom(el) || {}).id = el.id || (prefix || "edo-cmp") + (++Edo.ID);
|
},
|
namespace: function () {
|
var o, d;
|
[ ].each.call(arguments, function (v) {
|
d = v.split(".");
|
o = window[d[0]] = window[d[0]] || {};
|
[ ].each.call(d.slice(1), function (v2) {
|
o = o[v2] = o[v2] || {};
|
});
|
});
|
return o;
|
},
|
UID: 1,
|
getDom: function (el) {
|
if (!el || !DOC) {
|
return null;
|
}
|
el = el.dom ? el.dom : (typeof el == 'string' ? DOC.getElementById(el) : el);
|
if (el && !el.uid) {
|
el.uid = Edo.UID++;
|
}
|
return el;
|
},
|
|
getBody: function () {
|
return DOC.body || DOC.documentElement;
|
},
|
|
|
removeNode: isIE ? function () {
|
var d;
|
var objs, io, lo;
|
return function (n, all) {
|
if (n && n.tagName != 'BODY') {
|
|
objs = n.getElementsByTagName('OBJECT');
|
lo = objs.length;
|
for (io = 0; io < lo; io++) {
|
objs[0].parentNode.removeChild(objs[0]);
|
}
|
if (!all) {
|
n.parentNode.removeChild(n);
|
return;
|
}
|
d = d || DOC.createElement('div');
|
d.appendChild(n);
|
d.innerHTML = '';
|
}
|
}
|
} () : function (n) {
|
if (n && n.parentNode && n.tagName != 'BODY') {
|
n.parentNode.removeChild(n);
|
}
|
},
|
|
isArray: function (v) {
|
return toString.apply(v) === '[object Array]';
|
},
|
|
isNumber: function (v) {
|
return typeof v === 'number' && isFinite(v);
|
},
|
|
//自定义扩展
|
toBool: function (value) {
|
if (typeof value === 'string') {
|
if (value == 'true') return true;
|
if (value == 'false') return false;
|
throw new Error("必须传递布尔值");
|
}
|
return !!value;
|
},
|
isValue: function (value) { //null, undefined, ""返回false
|
return value || value === 0 || value === false;
|
},
|
isPercent: function (v) {
|
return typeof v === 'string' && v.length > 1 && v.charAt(v.length - 1) == '%';
|
},
|
|
isDate: function (v) {
|
return toString.apply(v) === '[object Date]';
|
},
|
isInt: function (value) {
|
var v = parseFloat(value)
|
return !isNaN(v) && v == value;
|
},
|
//保留小数点(如果有的话)
|
toFixed: function (v, num) {
|
var ss = String(v).split('.');
|
if (ss.length == 1) return ss[0];
|
return ss[0] + "." + ss[1].substring(0, num);
|
},
|
|
type: function (o) {
|
if (o === undefined || o === null) {
|
return false;
|
}
|
if (o.htmlElement) {
|
return 'element';
|
}
|
var t = typeof o;
|
if (t == 'object' && o.nodeName) {
|
switch (o.nodeType) {
|
case 1: return 'element';
|
case 3: return (/\S/).test(o.nodeValue) ? 'textnode' : 'whitespace';
|
}
|
}
|
if (t == 'object' || t == 'function') {
|
switch (o.constructor) {
|
case Array: return 'array';
|
case RegExp: return 'regexp';
|
case Date: return 'date';
|
}
|
if (typeof o.length == 'number' && typeof o.item == 'function') {
|
return 'nodelist';
|
}
|
}
|
return t;
|
},
|
|
emptyFn: function () { },
|
|
globalEval: function (data) {
|
if (data) {
|
if (window.execScript)
|
window.execScript(data);
|
else if (isSafari) {
|
//window.setTimeout( data, 0 );
|
var head = document.getElementsByTagName("head")[0] || document.documentElement;
|
var script = document.createElement("script");
|
script.type = "text/javascript";
|
if (isIE) script.text = data;
|
else script.appendChild(document.createTextNode(data));
|
head.appendChild(script);
|
head.removeChild(script);
|
} else {
|
eval.call(window, data);
|
}
|
}
|
},
|
domLoaded: false,
|
domLoad: function (fn) {
|
|
if (Edo.domLoaded) {
|
fn();
|
return;
|
}
|
|
if (!window.__load_events) window.__load_events = [];
|
window.__load_events.push(fn);
|
var done = false;
|
var init = function () {
|
if (done) return;
|
done = true;
|
|
if (isGecko || isOpera) {
|
document.removeEventListener("DOMContentLoaded", init, false);
|
}
|
if (window.__load_timer) {
|
clearInterval(window.__load_timer);
|
window.__load_timer = null;
|
}
|
if (isIE) {
|
var defer = document.getElementById("__ie_onload");
|
if (defer) {
|
defer.onreadystatechange = Edo.emptyFn;
|
defer.parentNode.removeChild(defer);
|
defer = null;
|
}
|
}
|
if (!Edo.domLoaded) {
|
Edo.domLoaded = true;
|
for (var i = 0; i < window.__load_events.length; i++) {
|
window.__load_events[i]();
|
}
|
window.__load_events = null;
|
}
|
}
|
Edo.util.Dom.on(window, 'load', function (e) {
|
//alert(1);
|
init();
|
});
|
setTimeout(init, 3000);
|
|
|
if (isIE) {
|
//document.write("<s"+'cript id="__ie_onload" defer="defer" src="/'+'/:"></s'+"cript>");
|
document.write("<script id='__ie_onload' defer src='javascript:void(0)'><\/script>");
|
var s = document.getElementById("__ie_onload");
|
|
s.onreadystatechange = function () {
|
if (this.readyState == "complete") {
|
init();
|
}
|
};
|
s = null;
|
} else if (isGecko || isOpera) {
|
document.addEventListener("DOMContentLoaded", init, false);
|
|
} else if (isWebKit) {
|
window.__load_timer = setInterval(function () {
|
if (/loaded|complete/.test(document.readyState)) {
|
init();
|
}
|
}, 10);
|
}
|
},
|
|
parseDate: function (input, format) {
|
if (!input) return;
|
if (input.format) return input;
|
var p = Date.parseFunctions;
|
if (p[format] == null) {
|
Date.createParser(format);
|
}
|
var func = p[format];
|
return Date[func](input);
|
}
|
});
|
Edo.replaceHtml = function (el, html, defer) {
|
var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
|
var newEl = document.createElement(oldEl.nodeName);
|
// Preserve the element's id and class (other properties are lost)
|
newEl.id = oldEl.id;
|
newEl.className = oldEl.className;
|
newEl.style.width = oldEl.style.width;
|
newEl.style.height = oldEl.style.height;
|
newEl.style.left = oldEl.style.left;
|
newEl.style.top = oldEl.style.top;
|
// Replace the old with the new
|
if (defer) {
|
setTimeout(function () {
|
newEl.innerHTML = html;
|
}, 1);
|
} else {
|
newEl.innerHTML = html;
|
}
|
oldEl.parentNode.replaceChild(newEl, oldEl);
|
|
|
setTimeout(function () {
|
Edo.removeNode(oldEl, true);
|
oldEl = null;
|
}, 1000);
|
//Edo.removeNode(oldEl, true);
|
|
return newEl;
|
};
|
|
Function.prototype.regType = function (type) {
|
var as = arguments;
|
if (as.length > 1) {
|
for (var i = 0, l = as.length; i < l; i++) {
|
this.regType(as[i]);
|
}
|
return;
|
}
|
type = type.toLowerCase();
|
Edo.types[type] = this;
|
this.type = type;
|
}
|
|
Edo.getValue = function (o, mapping) {
|
mapping = String(mapping);
|
var maps = mapping.split('.');
|
var v = o;
|
for (var i = 0, l = maps.length; i < l; i++) {
|
v = v[maps[i]];
|
}
|
return v;
|
}
|
Edo.setValue = function (o, mapping, value) {
|
mapping = String(mapping);
|
var maps = mapping.split('.');
|
var v = o;
|
|
for (var i = 0, l = maps.length; i < l; i++) {
|
if (i == l - 1) {
|
v[maps[i]] = value;
|
break;
|
} else {
|
v = v[maps[i]];
|
}
|
}
|
}
|
//克隆数据,应用场景:两个表格, 使用的数据是一样的.但是在内存角度来讲, 他们应该是不同的对象.数据内容是一样的.
|
Edo.clone = function (o) {
|
var json = Edo.util.JSON.encode(o, function (o) {
|
return 'new Date(' + o.getTime() + ')';
|
});
|
return Edo.util.JSON.decode(json);
|
}
|
|
|
Array.prototype.each = function (method, instance) {
|
for (var i = 0, l = this.length; i < l; i++) {
|
var elt = this[i];
|
if (typeof (elt) !== 'undefined') {
|
if (method.call(instance, elt, i, this) === false) break;
|
}
|
}
|
}
|
|
Edo.ns = Edo.namespace;
|
Edo.ns('Edo.util', 'Edo.util.Fx', 'Edo.core', 'Edo.managers', 'Edo.controls', 'Edo.containers', 'Edo.navigators', 'Edo.lists', 'Edo.layouts', 'Edo.data', 'Edo.plugins', 'Edo.project', 'Edo.excel', 'Edo.ux', 'Edo.project.plugins');
|
|
Edo.apply(Function.prototype, {
|
bind: function (o) {
|
var fn = this;
|
return function () {
|
return fn.apply(o, arguments);
|
}
|
},
|
//延迟执行
|
defer: function (defer, o, args) {
|
var fn = this;
|
return setTimeout(function () {
|
fn.apply(o, args || []);
|
}, defer);
|
},
|
//定时
|
time: function (delay, o, args, now) {
|
var fn = this;
|
if (now) fn.apply(o, args || []);
|
return setInterval(function () {
|
fn.apply(o, args || []);
|
}, delay);
|
}
|
});
|
Edo.apply(Array.prototype, {
|
sortByFn: function (fn) {
|
fn = fn || function (a, b) {
|
return b < a;
|
}
|
for (var i = 0, l = this.length; i < l; i++) {
|
var a = this[i];
|
for (var j = l - 1; j >= i; j--) {
|
var b = this[j];
|
if (fn(a, b)) {
|
this[j] = a;
|
this[i] = b;
|
a = b;
|
}
|
}
|
}
|
},
|
add: Array.prototype.enqueue = function (item) {
|
this[this.length] = item;
|
return this;
|
},
|
getRange: function (start, end) {
|
var arr = [];
|
for (var i = start; i <= end; i++) {
|
arr[arr.length] = this[i];
|
}
|
return arr;
|
},
|
addRange: function (array) {
|
for (var i = 0, j = array.length; i < j; i++) this[this.length] = array[i];
|
return this;
|
},
|
clear: function () {
|
this.length = 0;
|
return this;
|
},
|
clone: function () {
|
if (this.length === 1) {
|
return [this[0]];
|
}
|
else {
|
return Array.apply(null, this);
|
}
|
},
|
contains: function (item) {
|
return (this.indexOf(item) >= 0);
|
},
|
indexOf: function (item, from) {
|
var len = this.length;
|
for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++) {
|
if (this[i] === item) return i;
|
}
|
return -1;
|
},
|
dequeue: function () {
|
return this.shift();
|
},
|
insert: function (index, item) {
|
this.splice(index, 0, item);
|
return this;
|
},
|
remove: function (item) {
|
var index = this.indexOf(item);
|
if (index >= 0) {
|
this.splice(index, 1);
|
}
|
return (index >= 0);
|
},
|
removeAt: function (index) {
|
var ritem = this[index];
|
this.splice(index, 1);
|
return ritem;
|
},
|
rgbToHex: function (array) {
|
if (this.length < 3) return false;
|
if (this.length == 4 && this[3] == 0 && !array) return 'transparent';
|
var hex = [];
|
for (var i = 0; i < 3; i++) {
|
var bit = (this[i] - 0).toString(16);
|
hex.push((bit.length == 1) ? '0' + bit : bit);
|
}
|
return array ? hex : '#' + hex.join('');
|
},
|
hexToRgb: function (array) {
|
if (this.length != 3) return false;
|
var rgb = [];
|
for (var i = 0; i < 3; i++) {
|
rgb.push(parseInt((this[i].length == 1) ? this[i] + this[i] : this[i], 16));
|
}
|
return array ? rgb : 'rgb(' + rgb.join(',') + ')';
|
},
|
equals: function (array) {
|
if (this == array) return true;
|
if (this.length != array.length) return false;
|
for (var i = 0, l = this.length; i < l; i++) {
|
if (this[i] != array[i]) return false;
|
}
|
return true;
|
}
|
});
|
Edo.applyIf(String, {
|
escape: function (string) {
|
return string.replace(/('|\\)/g, "\\$1");
|
},
|
leftPad: function (val, size, ch) {
|
var result = new String(val);
|
if (!ch) {
|
ch = " ";
|
}
|
while (result.length < size) {
|
result = ch + result;
|
}
|
return result.toString();
|
},
|
format: function (format) {
|
var args = Array.prototype.slice.call(arguments, 1);
|
return format.replace(/\{(\d+)\}/g, function (m, i) {
|
return args[i];
|
});
|
}
|
});
|
|
|
Edo.applyIf(String.prototype, {
|
rgbToHex: function (array) {
|
var rgb = this.match(/\d{1,3}/g);
|
return (rgb) ? rgb.rgbToHex(array) : false;
|
},
|
hexToRgb: function (array) {
|
var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
|
return (hex) ? hex.slice(1).hexToRgb(array) : false;
|
},
|
contains: function (string, s) {
|
return (s) ? (s + this + s).indexOf(s + string + s) > -1 : this.indexOf(string) > -1;
|
}
|
});
|
String.prototype.trim = function () {
|
var re = /^\s+|\s+$/g;
|
return function () { return this.replace(re, ""); };
|
} ();
|
Edo.applyIf(Number.prototype, {
|
constrain: function (min, max) {
|
return Math.min(Math.max(this, min), max);
|
}
|
});
|
Date.setHours = function (date, hour) {
|
date.setHours(0);
|
date.setMinutes(hour * 60);
|
}
|
Date.setMinutes = function (date, minutes) {
|
date.setHours(0);
|
date.setMinutes(minutes);
|
}
|
|
if (typeof $ == 'undefined') {
|
$ = Edo.getDom;
|
}
|
|
setInterval(function () {
|
if (typeof (CollectGarbage) != 'undefined') CollectGarbage();
|
}, 10000);
|
|
function UUID() {
|
var s = [], itoh = '0123456789ABCDEF'.split('');
|
for (var i = 0; i < 36; i++) s[i] = Math.floor(Math.random() * 0x10);
|
s[14] = 4;
|
s[19] = (s[19] & 0x3) | 0x8;
|
for (var i = 0; i < 36; i++) s[i] = itoh[s[i]];
|
s[8] = s[13] = s[18] = s[23] = '-';
|
return s.join('');
|
}
|
|
function Clone(obj) {
|
var objClone;
|
if (obj.constructor == Object) {
|
objClone = new obj.constructor();
|
} else {
|
objClone = new obj.constructor(obj.valueOf());
|
}
|
for (var key in obj) {
|
if (objClone[key] != obj[key]) {
|
if (typeof (obj[key]) == 'object') {
|
objClone[key] = Clone(obj[key]);
|
} else {
|
objClone[key] = obj[key];
|
}
|
}
|
}
|
objClone.toString = obj.toString;
|
objClone.valueOf = obj.valueOf;
|
return objClone;
|
}
|
|
//Object.prototype.Clone = function(){
|
// var objClone;
|
// if (this.constructor == Object){
|
// objClone = new this.constructor();
|
// }else{
|
// objClone = new this.constructor(this.valueOf());
|
// }
|
// for(var key in this){
|
// if ( objClone[key] != this[key] ){
|
// if ( typeof(this[key]) == 'object' ){
|
// objClone[key] = this[key].Clone();
|
// }else{
|
// objClone[key] = this[key];
|
// }
|
// }
|
// }
|
// objClone.toString = this.toString;
|
// objClone.valueOf = this.valueOf;
|
// return objClone;
|
//}
|
|
Edo.util.Dom = {
|
camelRe: /(-[a-z])/gi,
|
unitPattern: /\d+(px|em|%|en|ex|pt|in|cm|mm|pc)$/i,
|
borders: { l: "border-left-width", r: "border-right-width", t: "border-top-width", b: "border-bottom-width" },
|
paddings: { l: "padding-left", r: "padding-right", t: "padding-top", b: "padding-bottom" },
|
margins: { l: "margin-left", r: "margin-right", t: "margin-top", b: "margin-bottom" },
|
camelFn: function (m, a) { return a.charAt(1).toUpperCase(); },
|
propCache: {},
|
classCache: {},
|
evHash: {},
|
|
EID: 1,
|
EVENTS: {
|
dragstart: 1,
|
dragmove: 1,
|
dragcomplete: 1,
|
dragenter: 1,
|
dragover: 1,
|
dragout: 1,
|
dragdrop: 1
|
},
|
|
|
addListener: function (el, type, fn, scope) {
|
el = Edo.getDom(el);
|
if (!el) return false;
|
var id = el.uid;
|
|
var ides = this.evHash[id];
|
if (!ides) {
|
ides = this.evHash[id] = { dom: el };
|
}
|
var tes = ides[type];
|
if (!tes) tes = ides[type] = [];
|
//status = el.id +":"+new Date();
|
//alert(el+":"+el.id);
|
|
scope = scope || el;
|
//findListener判断,同一个函数,只能绑定一次!
|
if (this.findListener(el, type, fn, scope)) return false;
|
|
var method = function (e) {
|
return fn.call(scope, new Edo.util.Event(e || window.event));
|
};
|
|
tes[tes.length] = [fn, method, scope];
|
|
if (this.EVENTS[type]) return;
|
if (window.addEventListener) {
|
if (isFireFox && type == 'mousewheel') type = 'DOMMouseScroll';
|
el.addEventListener(type, method, false);
|
} else if (window.attachEvent) {
|
el.attachEvent("on" + type, method);
|
}
|
return true;
|
},
|
|
removeListener: function (el, type, fn, scope) {
|
el = Edo.getDom(el);
|
if (!el) return false;
|
scope = scope || el;
|
|
var f = this.findListener(el, type, fn, scope);
|
if (!f) return false;
|
|
var id = el.uid;
|
this.evHash[id][type].remove(f);
|
|
if (this.EVENTS[type]) return;
|
if (window.removeEventListener) {
|
if (isFireFox && type == 'mousewheel') type = 'DOMMouseScroll';
|
el.removeEventListener(type, f[1], false);
|
} else if (window.detachEvent) {
|
el.detachEvent("on" + type, f[1]);
|
}
|
return true;
|
},
|
|
findListener: function (el, type, fn, scope) {
|
el = Edo.getDom(el);
|
if (!el) return false;
|
scope = scope || el;
|
var id = el.uid;
|
|
var ides = this.evHash[id];
|
if (!ides) return;
|
var tes = ides[type];
|
if (!tes) return;
|
for (var i = 0, l = tes.length; i < l; i++) {
|
var f = tes[i];
|
if (f[0] === fn && f[2] === scope) return f;
|
}
|
},
|
fireEvent: function (el, name) {
|
el = Edo.getDom(el);
|
if (!el) return false;
|
var id = el.uid;
|
|
var events = this.evHash[id];
|
if (!events) return;
|
name = name.toLowerCase();
|
var event = events[name];
|
if (event) {
|
var args = Array.apply(null, arguments);
|
args.shift();
|
args.shift();
|
event.each(function (fn) {
|
fn[0].apply(fn[2], args);
|
});
|
}
|
},
|
|
clearEvent: function (el, type) {
|
el = Edo.getDom(el);
|
if (!el) return false;
|
var id = el.uid;
|
|
var ides = this.evHash[id];
|
if (ides) {
|
for (var name in ides) {
|
if (name == 'dom') continue;
|
if ((type && type == name) || !type) {
|
var tes = ides[name];
|
while (tes.length) {
|
var cache = tes[0];
|
this.removeListener(el, name, cache[0], cache[2]);
|
}
|
}
|
}
|
}
|
if (!type) delete this.evHash[id];
|
},
|
|
swallowEvent: function (el, eventName, preventDefault) {
|
el = Edo.getDom(el);
|
var fn = function (e) {
|
e.stopEvent();
|
if (preventDefault) {
|
e.stopDefault();
|
}
|
};
|
if (eventName instanceof Array) {
|
for (var i = 0, len = eventName.length; i < len; i++) {
|
this.on(el, eventName[i], fn);
|
}
|
} else {
|
this.on(el, eventName, fn);
|
}
|
},
|
|
addClass: function (el, className) {
|
el = Edo.getDom(el);
|
if (className && !this.hasClass(el, className)) {
|
el.className = el.className + " " + className;
|
}
|
},
|
|
removeClass: function (el, className) {
|
el = Edo.getDom(el);
|
if (!el || !className || !el.className) {
|
return
|
}
|
if (this.hasClass(el, className)) {
|
var re = this.classCache[className];
|
if (!re) {
|
re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)', "g");
|
this.classCache[className] = re;
|
}
|
el.className = el.className.replace(re, " ");
|
}
|
},
|
|
hasClass: function (el, className) {
|
el = Edo.getDom(el);
|
return className && (' ' + el.className + ' ').indexOf(' ' + className + ' ') != -1;
|
},
|
|
toggleClass: function (el, className) {
|
el = Edo.getDom(el);
|
if (this.hasClass(el, className)) {
|
this.removeClass(el, className);
|
} else {
|
this.addClass(el, className);
|
}
|
},
|
|
replaceClass: function (el, o, n) {
|
el = Edo.getDom(el);
|
this.removeClass(el, o);
|
this.addClass(el, n);
|
},
|
applyStyles: function (el, styles) {
|
el = Edo.getDom(el);
|
if (styles) {
|
if (typeof styles == "string") {
|
var re = /\s?([a-z\-]*)\:\s?([^;]*);?/gi;
|
var matches;
|
while ((matches = re.exec(styles)) != null) {
|
this.setStyle(el, matches[1], matches[2]);
|
}
|
} else if (typeof styles == "object") {
|
for (var style in styles) {
|
this.setStyle(el, style, styles[style]);
|
}
|
} else if (typeof styles == "function") {
|
this.applyStyles(el, styles.call());
|
}
|
}
|
},
|
|
getStyles: function (el) {
|
var a = arguments, len = a.length, r = {};
|
for (var i = 1; i < len; i++) {
|
r[a[i]] = this.getStyle(el, a[i]);
|
}
|
return r;
|
},
|
|
getStyle: Edo.view && Edo.view.getComputedStyle ?
|
function (el, prop) {
|
el = Edo.getDom(el);
|
var v, cs, camel;
|
if (prop == 'float') {
|
prop = "cssFloat";
|
}
|
if (v = el.style[prop]) {
|
return v;
|
}
|
if (cs = Edo.view.getComputedStyle(el, "")) {
|
if (!(camel = this.propCache[prop])) {
|
camel = this.propCache[prop] = prop.replace(this.camelRe, this.camelFn);
|
}
|
return cs[camel];
|
}
|
return null;
|
} :
|
function (el, prop) {
|
el = Edo.getDom(el);
|
var v, cs, camel;
|
if (prop == 'opacity') {
|
return this.getOpacity(el);
|
} else if (prop == 'float') {
|
prop = "styleFloat";
|
}
|
if (!(camel = this.propCache[prop])) {
|
camel = this.propCache[prop] = prop.replace(this.camelRe, this.camelFn);
|
}
|
if (v = el.style[camel]) {
|
return v;
|
}
|
if (cs = el.currentStyle) {
|
return cs[camel];
|
}
|
return null;
|
},
|
|
setStyle: function (el, prop, value) {
|
el = Edo.getDom(el);
|
if (typeof prop == "string") {
|
var camel;
|
if (!(camel = this.propCache[prop])) {
|
camel = this.propCache[prop] = prop.replace(this.camelRe, this.camelFn);
|
}
|
switch (camel) {
|
case 'opacity': this.setOpacity(el, value); break;
|
case 'float': camel = isIE ? 'styleFloat' : 'cssFloat';
|
default:
|
el.style[camel] = value;
|
}
|
} else {
|
for (var style in prop) {
|
if (typeof prop[style] != "function") {
|
this.setStyle(el, style, prop[style]);
|
}
|
}
|
}
|
},
|
|
isStyle: function (el, style, val) {
|
return this.getStyle(el, style) == val;
|
},
|
isBorderBox: function (el) {
|
el = Edo.getDom(el);
|
if (!this.noBoxAdjust) {
|
this.noBoxAdjust = isStrict ? {
|
select: 1
|
} : {
|
input: 1, select: 1, textarea: 1
|
};
|
if (isIE || isGecko) {
|
this.noBoxAdjust['button'] = 1;
|
}
|
}
|
return this.noBoxAdjust[el.tagName.toLowerCase()] || isBorderBox;
|
},
|
adjust: function (el, v, width) {
|
el = Edo.getDom(el);
|
var p = width ? 'lr' : 'tb';
|
if (typeof v == "number") {
|
if (!this.isBorderBox(el)) {
|
v -= (this.getBorderWidth(el, p) + this.getPadding(el, p));
|
}
|
if (v < 0) {
|
v = 0;
|
}
|
}
|
return v;
|
},
|
addUnits: function (v, defaultUnit) {
|
if (v === "" || v == "auto") {
|
return v;
|
}
|
if (v === undefined) {
|
return '';
|
}
|
if (typeof v == "number" || !this.unitPattern.test(v)) {
|
return v + (defaultUnit || 'px');
|
}
|
return v;
|
},
|
addStyles: function (el, sides, styles) {
|
var val = 0, v, w;
|
for (var i = 0, len = sides.length; i < len; i++) {
|
v = this.getStyle(el, styles[sides.charAt(i)]);
|
if (v) {
|
w = parseInt(v, 10);
|
if (w) { val += (w >= 0 ? w : -1 * w); }
|
}
|
}
|
return val;
|
},
|
|
getMargins: function (el, side) {
|
if (!side) {
|
return {
|
top: parseInt(this.getStyle(el, "margin-top"), 10) || 0,
|
left: parseInt(this.getStyle(el, "margin-left"), 10) || 0,
|
bottom: parseInt(this.getStyle(el, "margin-bottom"), 10) || 0,
|
right: parseInt(this.getStyle(el, "margin-right"), 10) || 0
|
};
|
} else {
|
return this.addStyles(el, side, this.margins);
|
}
|
},
|
|
getBorderWidth: function (el, side) {
|
return this.addStyles(el, side, this.borders);
|
},
|
|
getPadding: function (el, side) {
|
return this.addStyles(el, side, this.paddings);
|
},
|
|
setWidth: function (el, width) {
|
el = Edo.getDom(el);
|
width = this.adjust(el, width, true);
|
el.style.width = this.addUnits(width);
|
},
|
|
getWidth: function (el, content) {
|
el = Edo.getDom(el);
|
var w = el.offsetWidth || 0;
|
w = content !== true ? w : w - this.getBorderWidth(el, "lr") - this.getPadding(el, "lr");
|
return w < 0 ? 0 : w;
|
},
|
|
setHeight: function (el, height) {
|
el = Edo.getDom(el);
|
height = this.adjust(el, height);
|
el.style.height = this.addUnits(height);
|
},
|
|
getHeight: function (el, content) {
|
el = Edo.getDom(el);
|
var h = el.offsetHeight || 0;
|
h = content !== true ? h : h - this.getBorderWidth(el, "tb") - this.getPadding(el, "tb");
|
return h < 0 ? 0 : h;
|
},
|
|
getViewWidth: function (el) {
|
el = Edo.getDom(el);
|
var doc = document;
|
if (el == doc) {
|
return isIE ?
|
(isStrict ? doc.documentElement.clientWidth : doc.body.clientWidth) :
|
self.innerWidth;
|
}
|
return el.clientWidth;
|
},
|
|
getViewHeight: function (el) {
|
el = Edo.getDom(el);
|
var doc = document;
|
if (el == doc) {
|
return isIE ?
|
(isStrict ? doc.documentElement.clientHeight : doc.body.clientHeight) :
|
self.innerHeight;
|
}
|
return el.clientHeight;
|
},
|
|
getViewSize: function (el) {
|
return { width: this.getViewWidth(el), height: this.getViewHeight(el) };
|
},
|
|
getScrollWidth: function (el) {
|
el = Edo.getDom(el);
|
var doc = document;
|
if (el == doc) {
|
return Math.max(Math.max(doc.body.scrollWidth, doc.documentElement.scrollWidth), this.getViewWidth(doc));
|
}
|
|
return el.scrollWidth;
|
},
|
|
getScrollHeight: function (el) {
|
el = Edo.getDom(el);
|
var doc = document;
|
|
if (el == doc) {
|
return Math.max(Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight), this.getViewHeight(doc));
|
}
|
return el.scrollHeight;
|
},
|
|
getScrollSize: function (el) {
|
return { width: this.getScrollWidth(el), height: this.getScrollHeight(el) };
|
},
|
|
getScroll: function (d) {
|
if (!d) d = document;
|
d = Edo.getDom(d);
|
var doc = document;
|
if (d == doc || d == doc.body) {
|
var l, t;
|
if (isIE && isStrict) {
|
l = doc.documentElement.scrollLeft || (doc.body.scrollLeft || 0);
|
t = doc.documentElement.scrollTop || (doc.body.scrollTop || 0);
|
} else {
|
l = window.pageXOffset || (doc.body.scrollLeft || 0);
|
t = window.pageYOffset || (doc.body.scrollTop || 0);
|
}
|
return { left: l, top: t };
|
} else {
|
return { left: d.scrollLeft, top: d.scrollTop };
|
}
|
},
|
|
isScrollable: function (dom, width) {
|
dom = Edo.getDom(dom);
|
var w = dom.scrollWidth > dom.clientWidth;
|
var h = dom.scrollHeight > dom.clientHeight;
|
if (width === true) return w;
|
if (width === false) return h;
|
return w || h;
|
},
|
isVisible: function (el, deep) {
|
el = Edo.getDom(el);
|
var vis = !(this.getStyle(el, "visibility") == "hidden" || this.getStyle(el, "display") == "none");
|
if (deep !== true || !vis) {
|
return vis;
|
}
|
var p = el.parentNode;
|
while (p && p.tagName.toLowerCase() != "body") {
|
if (!this.isVisible(p)) {
|
return false;
|
}
|
p = p.parentNode;
|
}
|
return true;
|
},
|
position: function (el, pos, zIndex, x, y) {
|
el = Edo.getDom(el);
|
if (!pos) {
|
if (this.getStyle(el, 'position') == 'static') {
|
this.setStyle(el, 'position', 'relative');
|
}
|
} else {
|
this.setStyle(el, "position", pos);
|
}
|
if (zIndex) {
|
this.setStyle(el, "z-index", zIndex);
|
}
|
if (x !== undefined && y !== undefined) {
|
this.setXY(el, [x, y]);
|
} else if (x !== undefined) {
|
this.setX(el, x);
|
} else if (y !== undefined) {
|
this.setY(el, y);
|
}
|
},
|
translatePoints: function (el, x, y) {
|
el = Edo.getDom(el);
|
if (x instanceof Array) {
|
y = x[1]; x = x[0];
|
}
|
var p = this.getStyle(el, 'position');
|
var o = this.getXY(el);
|
|
var l = parseInt(this.getStyle(el, 'left'), 10);
|
var t = parseInt(this.getStyle(el, 'top'), 10);
|
|
if (isNaN(l)) {
|
l = (p == "relative") ? 0 : el.offsetLeft;
|
}
|
if (isNaN(t)) {
|
t = (p == "relative") ? 0 : el.offsetTop;
|
}
|
|
return { left: (x - o[0] + l), top: (y - o[1] + t) };
|
},
|
|
setX: function (el, x) {
|
this.setXY(el, [x, false]);
|
},
|
|
setY: function (el, y) {
|
this.setXY(el, [false, y]);
|
},
|
|
setXY: function (el, xy) {
|
el = Edo.getDom(el);
|
this.position(el); //1
|
var pts = this.translatePoints(el, xy); //2
|
|
//
|
// if(isSafari){
|
// pts.left -= 2;
|
// pts.top -= 1;
|
// }
|
// if(isChrome){
|
// pts.left += 2;
|
// pts.top += 1;
|
// }
|
|
if (xy[0] !== false) {
|
el.style.left = pts.left + "px";
|
}
|
if (xy[1] !== false) {
|
el.style.top = pts.top + "px";
|
}
|
},
|
|
getXY: function (el) {
|
var p, pe, b, scroll, bd = (document.body || document.documentElement);
|
el = Edo.getDom(el);
|
|
if (el == bd) {
|
return [0, 0];
|
}
|
|
var pl = pt = 0;
|
if (!isGecko) {
|
pl = parseInt(this.getStyle(el, "margin-left"), 10) || 0;
|
pt = parseInt(this.getStyle(el, "margin-top"), 10) || 0;
|
}
|
|
if (el.getBoundingClientRect) {
|
b = el.getBoundingClientRect();
|
scroll = this.getScroll(document);
|
return [b.left + scroll.left + pl, b.top + scroll.top + pt];
|
}
|
var x = 0, y = 0;
|
|
p = el;
|
|
var hasAbsolute = this.getStyle(el, "position") == "absolute";
|
|
while (p) {
|
|
x += p.offsetLeft;
|
y += p.offsetTop;
|
|
if (!hasAbsolute && this.getStyle(p, "position") == "absolute") {
|
hasAbsolute = true;
|
}
|
|
if (isGecko && p != el) { //firefox下的bug!
|
//if (isGecko) {
|
var bt = parseInt(this.getStyle(p, "borderTopWidth"), 10) || 0;
|
var bl = parseInt(this.getStyle(p, "borderLeftWidth"), 10) || 0;
|
|
x += bl;
|
y += bt;
|
|
if (p != el && this.getStyle(p, 'overflow') != 'visible') {
|
x += bl;
|
y += bt;
|
}
|
}
|
p = p.offsetParent;
|
}
|
|
if (isSafari && hasAbsolute) {
|
x -= bd.offsetLeft;
|
y -= bd.offsetTop;
|
}
|
|
if (isGecko && !hasAbsolute) {
|
x += parseInt(this.getStyle(bd, "borderLeftWidth"), 10) || 0;
|
y += parseInt(this.getStyle(bd, "borderTopWidth"), 10) || 0;
|
}
|
|
p = el.parentNode;
|
while (p && p != bd) {
|
if (!isOpera || (p.tagName != 'TR' && this.getStyle(p, "display") != "inline")) {
|
x -= p.scrollLeft;
|
y -= p.scrollTop;
|
}
|
p = p.parentNode;
|
}
|
////////////////
|
// if(isSafari && el.parentNode && el.parentNode != bd){
|
// x += (parseInt(this.getStyle(el.parentNode, 'borderLeftWidth')) || 0);
|
// y += (parseInt(this.getStyle(el.parentNode, 'borderLeftWidth')) || 0);
|
//
|
// }
|
return [x + pl, y + pt];
|
},
|
|
setSize: function (el, w, h) {
|
if (w || w == 0) this.setWidth(el, w);
|
if (h || h == 0) this.setHeight(el, h);
|
},
|
|
getSize: function (el, content) {
|
return { width: this.getWidth(el, content), height: this.getHeight(el, content) };
|
},
|
|
setBox: function (el, box, adjust) {
|
var w = box.width, h = box.height;
|
if (adjust && !this.isBorderBox(el)) {
|
w -= (this.getBorderWidth(el, "lr") + this.getPadding(el, "lr"));
|
h -= (this.getBorderWidth(el, "tb") + this.getPadding(el, "tb"));
|
}
|
this.setSize(el, box.width, box.height);
|
this.setXY(el, [box.x, box.y]);
|
},
|
|
getBox: function (el, content) {
|
el = Edo.getDom(el);
|
var xy = this.getXY(el);
|
var w = el.offsetWidth, h = el.offsetHeight, bx;
|
if (!content) {
|
bx = { x: xy[0], y: xy[1], 0: xy[0], 1: xy[1], width: w, height: h };
|
} else {
|
var l = this.getBorderWidth(el, "l") + this.getPadding(el, "l");
|
var r = this.getBorderWidth(el, "r") + this.getPadding(el, "r");
|
var t = this.getBorderWidth(el, "t") + this.getPadding(el, "t");
|
var b = this.getBorderWidth(el, "b") + this.getPadding(el, "b");
|
bx = { x: xy[0] + l, y: xy[1] + t, 0: xy[0] + l, 1: xy[1] + t, width: w - (l + r), height: h - (t + b) };
|
}
|
bx.right = bx.x + bx.width;
|
bx.bottom = bx.y + bx.height;
|
return bx;
|
},
|
|
|
clearOpacity: function (el) {
|
el = Edo.getDom(el);
|
var s = el.style;
|
if (isIE) {
|
if (typeof s.filter == 'string' && (/alpha/i).test(s.filter)) {
|
s.filter = "";
|
}
|
} else {
|
s.opacity = "";
|
s["-moz-opacity"] = "";
|
s["-khtml-opacity"] = "";
|
}
|
},
|
|
setOpacity: function (el, opacity) {
|
el = Edo.getDom(el);
|
opacity = parseFloat(opacity);
|
var s = el.style;
|
if (isIE) {
|
s.zoom = 1;
|
s.filter = (s.filter || '').replace(/alpha\([^\)]*\)/gi, "") +
|
(opacity == 1 ? "" : " alpha(opacity=" + opacity * 100 + ")");
|
} else {
|
s.opacity = opacity;
|
}
|
},
|
|
getOpacity: function (el) {
|
el = Edo.getDom(el);
|
var s = el.style;
|
if (typeof s.filter == 'string') {
|
var m = s.filter.match(/alpha\(opacity=(.*)\)/i);
|
if (m) {
|
var fv = parseFloat(m[1]);
|
if (!isNaN(fv)) {
|
return fv ? fv / 100 : 0;
|
}
|
}
|
return 1;
|
} else {
|
return parseFloat(s.opacity) || 1;
|
}
|
},
|
|
|
remove: function (n, all) {
|
Edo.removeNode(n, all);
|
},
|
clearNodes: function (el) {
|
var nodes = el.childNodes;
|
for (var i = nodes.length - 1; i >= 0; i--) {
|
var node = nodes[i];
|
el.removeChild(node);
|
}
|
},
|
warp: null,
|
createElement: function (html) {
|
if (!this.warp) this.wrap = document.createElement("div");
|
html = html.trim();
|
var isTr = html.indexOf('<tr') == 0;
|
if (isTr) {
|
html = '<table>' + html + '</table>';
|
}
|
this.wrap.innerHTML = html;
|
var el = this.wrap.firstChild;
|
return isTr ? el.rows[0] : el;
|
},
|
|
insertHtml: function (el, html, where) {
|
el = Edo.getDom(el);
|
where = where.toLowerCase();
|
if (el.insertAdjacentHTML) {
|
switch (where) {
|
case "beforebegin":
|
el.insertAdjacentHTML('BeforeBegin', html);
|
return el.previousSibling;
|
case "afterbegin":
|
el.insertAdjacentHTML('AfterBegin', html);
|
return el.firstChild;
|
case "beforeend":
|
el.insertAdjacentHTML('BeforeEnd', html);
|
return el.lastChild;
|
case "afterend":
|
el.insertAdjacentHTML('AfterEnd', html);
|
return el.nextSibling;
|
}
|
throw 'Illegal insertion point -> "' + where + '"';
|
}
|
var range = el.ownerDocument.createRange();
|
var frag;
|
switch (where) {
|
case "beforebegin":
|
range.setStartBefore(el);
|
frag = range.createContextualFragment(html);
|
el.parentNode.insertBefore(frag, el);
|
return el.previousSibling;
|
case "afterbegin":
|
if (el.firstChild) {
|
range.setStartBefore(el.firstChild);
|
frag = range.createContextualFragment(html);
|
el.insertBefore(frag, el.firstChild);
|
return el.firstChild;
|
} else {
|
el.innerHTML = html;
|
return el.firstChild;
|
}
|
case "beforeend":
|
if (el.lastChild) {
|
range.setStartAfter(el.lastChild);
|
frag = range.createContextualFragment(html);
|
el.appendChild(frag);
|
return el.lastChild;
|
} else {
|
el.innerHTML = html;
|
return el.lastChild;
|
}
|
case "afterend":
|
range.setStartAfter(el);
|
frag = range.createContextualFragment(html);
|
el.parentNode.insertBefore(frag, el.nextSibling);
|
return el.nextSibling;
|
}
|
throw 'Illegal insertion point -> "' + where + '"';
|
},
|
|
insertElement: function (p, el, where) {
|
p = Edo.getDom(p);
|
el = Edo.getDom(el);
|
where = where.toLowerCase()
|
if (p.insertAdjacentElement) {
|
p.insertAdjacentElement(where, el);
|
} else {
|
switch (where) {
|
case "beforebegin":
|
p.parentNode.insertBefore(el, p);
|
break;
|
case "afterbegin":
|
p.insertBefore(el, p.firstChild);
|
break;
|
case "beforeend":
|
p.appendChild(el);
|
break;
|
case "afterend":
|
p.nextSibling ? p.parentNode.insertBefore(el, p.nextSibling) : p.parentNode.appendChild(el);
|
break;
|
}
|
}
|
switch (where) {
|
case "beforebegin":
|
return p.previousSibling;
|
case "afterbegin":
|
return p.firstChild;
|
case "beforeend":
|
return p.lastChild;
|
case "afterend":
|
return p.nextSibling;
|
default:
|
throw new Error();
|
}
|
},
|
|
insert: function (p, c, where) {
|
if (c.toString().indexOf('<tr') == 0) c = this.createElement(c);
|
p = Edo.getDom(p);
|
return (typeof c == 'string' ? this.insertHtml : this.insertElement)(p, c, where);
|
},
|
|
append: function (el, c) {
|
el = Edo.getDom(el);
|
return this.insert(el, c, 'beforeend');
|
},
|
|
preend: function (el, c) {
|
el = Edo.getDom(el);
|
return this.insert(el, c, 'afterbegin');
|
},
|
|
after: function (el, c) {
|
el = Edo.getDom(el);
|
return this.insert(el, c, 'afterend');
|
},
|
|
before: function (el, c) {
|
el = Edo.getDom(el);
|
return this.insert(el, c, 'beforebegin');
|
},
|
|
overwrite: function (p, o) {
|
p = Edo.getDom(p);
|
p.innerHTML = '';
|
return this.append(p, o);
|
},
|
|
replace: function (sel, tel) { //tel替换到sel的位置,sel被删除
|
sel = Edo.getDom(sel);
|
tel = Edo.getDom(tel);
|
if (sel.parentNode) sel.parentNode.replaceChild(tel, sel);
|
},
|
|
empty: function (el) {
|
el = Edo.getDom(el);
|
if (el.innerHTML) el.innerHTML = '';
|
else el.value = ''; //针对表单元素
|
},
|
|
isAncestor: function (p, c) {
|
var ret = false;
|
p = Edo.getDom(p);
|
c = Edo.getDom(c);
|
if (p === c) return true;
|
if (p && c) {
|
if (p.contains) {
|
return p.contains(c);
|
} else
|
if (p.compareDocumentPosition) {
|
return !!(p.compareDocumentPosition(c) & 16);
|
} else {
|
while (c = c.parentNode) {
|
ret = c == p || ret;
|
}
|
}
|
}
|
return ret;
|
},
|
|
findParent: function (p, cls, maxDepth) {
|
p = Edo.getDom(p);
|
var b = document.body, depth = 0, stopEl;
|
maxDepth = maxDepth || 50;
|
if (typeof maxDepth != "number") {
|
stopEl = Edo.getDom(maxDepth);
|
maxDepth = 10;
|
}
|
while (p && p.nodeType == 1 && depth < maxDepth && p != b && p != stopEl) {
|
if (this.hasClass(p, cls)) {
|
//if(dq.is(p, simpleSelector)){
|
return p;
|
}
|
depth++;
|
p = p.parentNode;
|
}
|
return null;
|
},
|
findChild: function (el, cls) {
|
el = Edo.getDom(el);
|
var els = el.getElementsByTagName('*');
|
for (var i = 0, l = els.length; i < l; i++) {
|
var el = els[i];
|
if (this.hasClass(el, cls)) return el;
|
}
|
},
|
|
mask: function (el, msg, msgCls, maskCls) {
|
el = Edo.getDom(el);
|
if (el._mask) return;
|
|
msg = msg || '';
|
msgCls = msgCls || '';
|
|
this.unmask(el);
|
|
el._position = el.style.position;
|
|
if (this.getStyle(el, "position") == "static" && el != document && el != document.body) {
|
this.setStyle(el, "position", "relative");
|
}
|
|
el._mask = this.append(el, '<div class="e-mask" style="height:0px;overflow:hidden;"><div class="e-mask-cover ' + msgCls + '"></div>' + msg + '</div>');
|
|
this.addClass(el, "e-masked");
|
if (maskCls) {
|
this.addClass(el._mask, maskCls);
|
}
|
el._mask.style.height = '100%';
|
if (document == el || document.body == el) { // ie will not expand full height automatically
|
var size = Edo.util.Dom.getScrollSize(document);
|
Edo.util.Dom.setHeight(el._mask, size.height);
|
}
|
|
return el._mask;
|
},
|
|
unmask: function (el) {
|
el = Edo.getDom(el);
|
if (el._mask) {
|
this.remove(el._mask);
|
el._mask = null;
|
}
|
this.removeClass(el, "e-masked");
|
if (el._position) el.style.position = el._position;
|
},
|
|
|
isMasked: function (el) {
|
el = Edo.getDom(el);
|
return !!(el._mask && el._mask.style.display != 'none');
|
},
|
|
focus: function (el) {
|
el = Edo.getDom(el);
|
try {
|
setTimeout(function () {
|
try {
|
el.focus();
|
} catch (e) { }
|
}, 10);
|
} catch (e) { }
|
},
|
|
blur: function (el) {
|
el = Edo.getDom(el);
|
try {
|
//setTimeout(function(){
|
try {
|
el.blur();
|
} catch (e) { }
|
//}, 5);
|
} catch (e) { }
|
},
|
//private
|
repaint: function (el) {
|
this.addClass(el, "e-repaint");
|
setTimeout(function () {
|
Edo.util.Dom.removeClass(el, "e-repaint");
|
}, 1);
|
},
|
|
selectable: function (el, selected) {
|
el = Edo.getDom(el);
|
if (!!selected) {
|
this.removeClass(el, 'e-unselectable');
|
if (isIE) el.unselectable = "off";
|
else {
|
el.style.MozUserSelect = '';
|
el.style.KhtmlUserSelect = '';
|
el.style.UserSelect = '';
|
|
}
|
} else {
|
this.addClass(el, 'e-unselectable');
|
if (isIE) el.unselectable = 'on';
|
else {
|
el.style.MozUserSelect = 'none';
|
el.style.UserSelect = 'none';
|
el.style.KhtmlUserSelect = 'none';
|
}
|
}
|
},
|
//private
|
clip: function (el) {
|
el = Edo.getDom(el);
|
if (!el.isClipped) {
|
el.isClipped = true;
|
el.originalClip = {
|
o: this.getStyle(el, "overflow"),
|
x: this.getStyle(el, "overflow-x"),
|
y: this.getStyle(el, "overflow-y")
|
};
|
this.setStyle(el, "overflow", "hidden");
|
this.setStyle(el, "overflow-x", "hidden");
|
this.setStyle(el, "overflow-y", "hidden");
|
}
|
},
|
//private
|
unclip: function (el) {
|
el = Edo.getDom(el);
|
if (el.isClipped) {
|
el.isClipped = false;
|
var o = el.originalClip;
|
if (o.o) { this.setStyle(el, "overflow", o.o); }
|
if (o.x) { this.setStyle(el, "overflow-x", o.x); }
|
if (o.y) { this.setStyle(el, "overflow-y", o.y); }
|
}
|
},
|
|
getOuterHtml: function (el) {
|
el = Edo.getDom(el);
|
var s = el.outerHTML;
|
if (s) return s;
|
var attrs = el.attributes;
|
var str = "<" + el.tagName;
|
for (var i = 0; i < attrs.length; i++) {
|
var attr = attrs[i];
|
if (attr.specified) {
|
str += " " + attr.name + '="' + attr.value + '"';
|
}
|
}
|
s = el.innerHTML;
|
if (s) return str + ">" + s + "</" + el.tagName + ">";
|
else return str + ">";
|
},
|
|
setOuterHtml: function (el, val) {
|
el = Edo.getDom(el);
|
if (el.outerHTML) {
|
el.outerHTML = val;
|
return;
|
}
|
var r = el.ownerDocument.createRange();
|
r.setStartBefore(el);
|
var df = r.createContextualFragment(val);
|
el.parentNode.replaceChild(df, el);
|
},
|
|
hover: function (el, overFn, outFn, scope) {
|
el = Edo.getDom(el);
|
var preOverFn = function (e) {
|
if (!e.within(this, true)) {
|
overFn.apply(scope || this, arguments);
|
}
|
};
|
var preOutFn = function (e) {
|
if (!e.within(this, true)) {
|
outFn.apply(scope || this, arguments);
|
}
|
};
|
this.on(el, "mouseover", preOverFn, el);
|
this.on(el, "mouseout", preOutFn, el);
|
},
|
|
addClassOnOver: function (el, className) {
|
el = Edo.getDom(el);
|
el.overCls = className;
|
this.hover(
|
el,
|
function () {
|
this.addClass(el, el.overCls);
|
},
|
function () {
|
this.removeClass(el, el.overCls);
|
},
|
this
|
);
|
},
|
|
addClassOnFocus: function (el, className) {
|
el = Edo.getDom(el);
|
el.focusCls = className;
|
this.on(el, "focus", function () {
|
this.addClass(el, el.focusCls);
|
}, this);
|
this.on(el, "blur", function () {
|
this.removeClass(el, el.focusCls);
|
}, this);
|
},
|
|
addClassOnClick: function (el, className, callback) {
|
el = Edo.getDom(el);
|
el.clickCls = className;
|
this.on(el, "mousedown", function () {
|
this.addClass(el, el.clickCls);
|
var fn = function () {
|
this.removeClass(el, el.clickCls);
|
this.un(document, "mouseup", fn, this);
|
|
if (callback) callback();
|
};
|
this.on(document, "mouseup", fn, this);
|
}, this);
|
},
|
isInRegin: function (xy, region) {
|
var x = xy[0], y = xy[1];
|
region.right = region.x + region.width;
|
region.bottom = region.y + region.height;
|
return x >= region.x && x <= region.right && y >= region.y && y <= region.bottom;
|
},
|
getbyClass: function (className, dom) {
|
var els = this.getsbyClass(className, dom, false);
|
return els[0];
|
},
|
getsbyClass: function (className, dom, all) {
|
if (dom && typeof dom == 'string') dom = document.getElementById(dom);
|
var els = (dom || document).getElementsByTagName('*');
|
var doms = [];
|
for (var i = 0, l = els.length; i < l; i++) {
|
var el = els[i];
|
if (className && (' ' + el.className + ' ').indexOf(' ' + className + ' ') != -1) {
|
doms.push(el);
|
if (all === false) {
|
break
|
}
|
}
|
}
|
return doms;
|
},
|
getChildren: function (el) {
|
el = Edo.getDom(el);
|
var cs = el.childNodes;
|
var cs2 = [];
|
for (var i = 0, l = cs.length; i < l; i++) {
|
var c = cs[i];
|
if (c && c.tagName && c.nodeType == 1) {
|
cs2.push(c);
|
}
|
}
|
return cs2;
|
},
|
getOffsetsTo: function (el, target) {
|
var o = this.getXY(el), e = this.getXY(target);
|
return [o[0] - e[0], o[1] - e[1]];
|
},
|
scrollIntoView: function (el, container, hscroll) {
|
var c = Edo.getDom(container) || Edo.getBody(),
|
o = this.getOffsetsTo(el, c),
|
l = o[0] + c.scrollLeft,
|
t = o[1] + c.scrollTop,
|
b = t + el.offsetHeight,
|
r = l + el.offsetWidth,
|
ch = c.clientHeight,
|
ct = parseInt(c.scrollTop, 10),
|
cl = parseInt(c.scrollLeft, 10),
|
cb = ct + ch,
|
cr = cl + c.clientWidth;
|
|
if (el.offsetHeight > ch || t < ct) {
|
c.scrollTop = t;
|
} else if (b > cb) {
|
c.scrollTop = b - ch;
|
}
|
c.scrollTop = c.scrollTop; // corrects IE, other browsers will ignore
|
|
if (hscroll !== false) {
|
if (el.offsetWidth > c.clientWidth || l < cl) {
|
c.scrollLeft = l;
|
} else if (r > cr) {
|
c.scrollLeft = r - c.clientWidth;
|
}
|
c.scrollLeft = c.scrollLeft;
|
}
|
return this;
|
}
|
};
|
|
Edo.util.Dom.on = Edo.util.Dom.addListener;
|
Edo.util.Dom.un = Edo.util.Dom.removeListener;
|
Edo.util.Dom.contains = Edo.util.Dom.isAncestor;
|
|
Edo.getCt = function () {
|
if (!Edo.ct) {
|
Edo.ct = document.createElement('div');
|
Edo.ct.style.cssText = 'position:absolute;overflow:auto;width:2000px;height:1000px;display:block;left:-2000px;top:-1000px;';
|
document.body.appendChild(Edo.ct);
|
}
|
return Edo.ct;
|
}
|
|
//对开放出来的函数,进行重点加密混淆编码保护
|
Edo.util.Dom.on(window, 'unload', function () {
|
var s = new Date();
|
|
if (Edo.managers.SystemManager) Edo.managers.SystemManager.destroy();
|
|
var evHash = Edo.util.Dom.evHash;
|
for (var id in evHash) {
|
try {
|
Edo.util.Dom.clearEvent(evHash[id].dom);
|
} catch (e) {
|
}
|
}
|
|
//alert("close:"+(new Date() - s));
|
//Edo.removeNode(Edo.ct, true);
|
Edo.ct = null;
|
|
});
|
|
|
|
(function () {
|
var initCss = function () {
|
// find the body element
|
var bd = document.body || document.getElementsByTagName('body')[0];
|
if (!bd) return false;
|
|
Edo.getCt();
|
|
var cls = [' ',
|
isIE ? "ie " + (isIE6 ? 'ie6' : (isIE7 ? 'ie7' : 'ie8'))
|
: isGecko ? "gecko " + (isGecko2 ? 'gecko2' : 'gecko3')
|
: isOpera ? "opera"
|
: isWebKit ? "webkit" : ""];
|
|
if (isSafari) {
|
cls.push("safari " + (isSafari2 ? 'safari2' : (isSafari3 ? 'safari3' : 'safari4')));
|
} else if (isChrome) {
|
cls.push("chrome");
|
}
|
|
if (isMac) {
|
cls.push("mac");
|
}
|
if (isLinux) {
|
cls.push("linux");
|
}
|
|
if (isStrict || isBorderBox) { // add to the parent to allow for selectors like ".strict .ie"
|
var p = bd.parentNode;
|
if (p) {
|
p.className += isStrict ? ' strict' : ' border-box';
|
}
|
}
|
bd.className += cls.join(' ');
|
return true;
|
}
|
|
if (!initCss()) {
|
Edo.domLoad(initCss);
|
}
|
})();
|
|
Edo.domLoad(function () {
|
Edo.util.Dom.fireEvent(window, 'domload')
|
}
|
);
|
|
|
var enableTrace = false;
|
var traceWindow = null;
|
var traceArray = [];
|
function trace(msg, style) {
|
if (!enableTrace) return;
|
if (!traceWindow) {
|
traceWindow = Edo.util.Dom.append(document.body,
|
'<div style="width:40%;height:300px;overflow:auto;border:solid 1px black;position:absolute;right:0;top:0;"></div>'
|
);
|
Edo.util.Dom.append(document.body,
|
'<input type="button" style="border:solid 1px black;position:absolute;right:10px;top:10px;width:50px;" value="清空" onclick="traceWindow.innerHTML = \'\';" />'
|
);
|
|
}
|
//traceArray.add('<span style="'+style+'">'+msg+'</span>' + '<br/>');
|
//traceWindow.innerHTML = traceArray.join('');
|
|
Edo.util.Dom.append(traceWindow,
|
'<span style="' + style + '">' + msg + '</span>' + '<br/>'
|
);
|
|
traceWindow.scrollTop = 100000;
|
}
|
|
|
//-----------------------跨浏览器事件操作:增,删,差,清除-----------------------//
|
var isXUL = isGecko ? function (node) {
|
return Object.prototype.toString.call(node) == '[object XULElement]';
|
} : function () { };
|
|
var isTextNode = isGecko ? function (node) {
|
try {
|
return node.nodeType == 3;
|
} catch (e) {
|
return false;
|
}
|
|
} : function (node) {
|
return node.nodeType == 3;
|
};
|
|
|
Edo.util.Event = function (evt) {
|
if (evt.rawEvent) return evt;
|
var e = this.rawEvent = evt;
|
Edo.apply(this, e);
|
// mac metaKey behaves like ctrlKey
|
this.ctrlKey = e.ctrlKey || e.metaKey;
|
|
if (typeof (e.button) !== 'undefined') {
|
var mb = Edo.util.MouseButton;
|
this.button = (typeof (e.which) !== 'undefined') ? e.button :
|
(e.button === 4) ? mb.middle :
|
(e.button === 2) ? mb.right :
|
mb.left;
|
}
|
|
if (e.type === 'keypress') {
|
this.charCode = e.charCode || e.keyCode || 0;
|
}
|
else if (e.keyCode && (e.keyCode === 46)) {
|
this.keyCode = 127;
|
}
|
this.domType = this.type;
|
this.domTarget = this.trigger = this.target = this.resolveTextNode(e.target || e.srcElement);
|
this.x = this.getX(), this.y = this.getY();
|
this.xy = [this.x, this.y];
|
|
if (evt.type == 'DOMMouseScroll') {
|
this.type = 'mousewheel';
|
|
this.wheelDelta = this.getWheelDelta() * 24;
|
}
|
}
|
Edo.util.Event.prototype = {
|
getX: function (ev) {
|
ev = ev ? ev.rawEvent || ev : this.rawEvent;
|
var x = ev.pageX;
|
if (!x && 0 !== x) {
|
x = ev.clientX || 0;
|
|
if (document.all) {
|
x += this.getScroll()[1];
|
}
|
}
|
return x;
|
},
|
getY: function (ev) {
|
ev = ev ? ev.rawEvent || ev : this.rawEvent;
|
var y = ev.pageY;
|
if (!y && 0 !== y) {
|
y = ev.clientY || 0;
|
if (document.all) {
|
y += this.getScroll()[0];
|
}
|
}
|
return y;
|
},
|
getWheelDelta: function () {
|
var e = this.rawEvent;
|
var delta = 0;
|
if (e.wheelDelta) {
|
delta = e.wheelDelta / 120;
|
} else if (e.detail) {
|
delta = -e.detail / 3;
|
}
|
return delta;
|
},
|
within: function (el, related) {
|
var t = related ? this.getRelatedTarget() : this.domTarget;
|
return t && Edo.util.Dom.contains(el, t);
|
},
|
stopEvent: function () {
|
if (this.rawEvent.stopPropagation) {
|
this.rawEvent.stopPropagation();
|
} else if (window.event) {
|
window.event.cancelBubble = true;
|
}
|
},
|
stopDefault: function () {
|
if (this.rawEvent.preventDefault) {
|
this.rawEvent.preventDefault();
|
} else if (window.event) {
|
window.event.returnValue = false;
|
}
|
},
|
stop: function () {
|
this.stopDefault();
|
this.stopEvent();
|
//如果是mousedown,则激发document!
|
},
|
resolveTextNode: function (node) {
|
try {
|
return node && !node.tagName ? node.parentNode : node;
|
} catch (e) {
|
return null;
|
}
|
},
|
// resolveTextNode : function(node) {
|
// return node && !isXUL(node) && isTextNode(node) ? node.parentNode : node;
|
// },
|
getRelatedTarget: function (ev) {
|
ev = ev ? (ev.rawEvent || ev) : this.rawEvent;
|
var t = ev.relatedTarget;
|
if (!t) {
|
if (ev.type == "mouseout") {
|
t = ev.toElement;
|
} else if (ev.type == "mouseover") {
|
t = ev.fromElement;
|
} else if (ev.type == 'blur') {
|
t = document.elementFromPoint(this.x, this.y);
|
}
|
}
|
return this.resolveTextNode(t);
|
|
// return this.resolveTextNode(ev.relatedTarget ||
|
// (ev.type == MOUSEOUT ? ev.toElement :
|
// ev.type == MOUSEOVER ? ev.fromElement : null));
|
},
|
getScroll: function () {
|
var dd = document.documentElement, db = document.body;
|
if (dd && (dd.scrollTop || dd.scrollLeft)) {
|
return [dd.scrollTop, dd.scrollLeft];
|
} else if (db) {
|
return [db.scrollTop, db.scrollLeft];
|
} else {
|
return [0, 0];
|
}
|
}
|
}
|
Edo.util.Event.isSafeKey = function (code) {
|
return (code >= 16 && code <= 18) || // shift, control, alt
|
(code >= 33 && code <= 40); // arrows, home, end
|
}
|
Edo.util.MouseButton = {
|
left: 0,
|
middle: 1,
|
right: 2
|
}
|
|
|
Edo.util.Observable = function () {
|
if (!this.events) this.events = {};
|
|
//1) this.on('click', function(e)...
|
//2) Edo_util_Observable__addListener... 这两种调用方式是一样的
|
|
|
}
|
Edo.util.Observable.prototype = {
|
|
addListeners: function (listeners, scope) {
|
if (listeners) {
|
scope = listeners.scope || scope || this;
|
delete listeners.scope;
|
for (var name in listeners) {
|
this.on(name, listeners[name], scope);
|
}
|
}
|
return this;
|
},
|
|
addListener: function (name, fn, scope, index) {
|
if (typeof fn != 'function') return false;
|
name = name.toLowerCase();
|
var event = this.events[name];
|
if (!event) {
|
event = this.events[name] = [];
|
}
|
if (event) {
|
scope = scope || this;
|
if (!this.findListener(name, fn, scope)) {
|
if (typeof index !== 'undefined') {
|
event.insert(index, [fn, scope]);
|
} else {
|
event[event.length] = [fn, scope];
|
}
|
}
|
}
|
return this;
|
},
|
removeListener: function (name, fn, scope) {
|
if (typeof fn != 'function') return false;
|
name = name.toLowerCase();
|
var event = this.events[name];
|
if (event) {
|
scope = scope || this;
|
var f = this.findListener(name, fn, scope);
|
if (f) {
|
event.remove(f);
|
}
|
}
|
return this;
|
},
|
|
findListener: function (name, fn, scope) {
|
name = name.toLowerCase();
|
var event = this.events[name];
|
scope = scope || this;
|
if (event) {
|
for (var i = 0, l = event.length; i < l; i++) {
|
var f = event[i];
|
if (f[0] === fn && f[1] === scope) return f;
|
}
|
}
|
},
|
|
addEvents: function () {
|
if (!this.events) this.events = {};
|
var events = this.events;
|
|
var args = Array.apply(null, arguments);
|
args.each(function (name) {
|
var event = events[name];
|
if (!event) events[name] = [];
|
});
|
return this;
|
},
|
|
fireEvent: function (name, e) {
|
var event = this.events[name];
|
if (event) {
|
var v;
|
if (e && e != this) {
|
e.source = this;
|
e.type = name;
|
|
}
|
|
for (var i = 0, l = event.length; i < l; i++) {
|
var fn = event[i];
|
var r = fn[0].call(fn[1] || this.scope || this, e);
|
if (v !== false) v = r;
|
}
|
return v;
|
}
|
},
|
|
clearEvent: function (name) {
|
if (name) {
|
delete this.events[name];
|
} else {
|
this.events = {};
|
}
|
return this;
|
}
|
};
|
Edo.util.Observable.prototype.on = Edo.util.Observable.prototype.addListener;
|
Edo.util.Observable.prototype.un = Edo.util.Observable.prototype.removeListener;
|
|
var isLocalFile = location.href.indexOf('file:') != -1;
|
if (!window.XMLHttpRequest || (isIE && isLocalFile)) {
|
window.XMLHttpRequest = function () {
|
var progIDs = ['Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'];
|
for (var i = 0; i < progIDs.length; i++) {
|
try {
|
var xmlHttp = new ActiveXObject(progIDs[i]);
|
return xmlHttp;
|
} catch (ex) {
|
}
|
}
|
return null;
|
}
|
}
|
|
function emptyFn() { };
|
Edo.util.Ajax = {
|
ajaxID: 100,
|
ajaxConfigs: {},
|
getAjax: function (id) {
|
return this.ajaxConfigs[id];
|
},
|
|
request: function (config) {
|
|
var xmlHttp = new XMLHttpRequest();
|
|
var c = Edo.apply({
|
type: "get",
|
url: null,
|
timeout: 0,
|
contentType: "application/x-www-form-urlencoded",
|
async: true,
|
params: null, //key-value形式,value必须为字符串对象(jsonString).
|
onSuccess: emptyFn,
|
onFail: emptyFn,
|
onOut: emptyFn,
|
|
request: xmlHttp,
|
abort: function () {
|
if (this._timer) {
|
window.clearTimeout(this._timer);
|
this._timer = null;
|
}
|
var http = this.request;
|
if (http) {
|
http.onreadystatechange = emptyFn;
|
http.abort();
|
//this.request = null;
|
this.onFail(0, this); //out失败:0
|
}
|
},
|
cache: false
|
}, config);
|
|
var data = this.encodeURL(c.params);
|
|
if (c.type.toLowerCase() == "post") {
|
xmlHttp.open(c.type, c.url, c.async);
|
xmlHttp.setRequestHeader("Content-Type", c.contentType);
|
} else {
|
if (c.params) c.url += ((c.url.indexOf("?") > -1) ? "&" : "?") + data;
|
c.url += ((c.url.indexOf("?") > -1) ? "&" : "?");
|
if (c.cache == false) c.url += '_$_d=' + new Date().getTime();
|
|
xmlHttp.open(c.type, c.url, c.async);
|
}
|
|
if (c.async) {
|
xmlHttp.onreadystatechange = this.onreadystatechange.bind(c);
|
}
|
|
if (c.timeout > 0) {
|
c._timer = window.setTimeout(function () {
|
c.onOut(c);
|
}, c.timeout);
|
}
|
try {
|
if (c.defer) {
|
setTimeout(function () {
|
try {
|
xmlHttp.send(data);
|
} catch (e) { }
|
}, c.defer);
|
} else {
|
if (c.async) {
|
setTimeout(function () {
|
xmlHttp.send(data);
|
}, 1);
|
} else {
|
xmlHttp.send(data);
|
}
|
}
|
} catch (e) {
|
c.onFail(1000, c); //没有正确调用成功 1000
|
}
|
if (!c.defer && !c.async) {
|
this.onreadystatechange.call(c, xmlHttp);
|
}
|
|
var ajaxID = this.ajaxID++;
|
this.ajaxConfigs[ajaxID] = c;
|
|
return ajaxID;
|
},
|
jsonp: function () {
|
|
},
|
|
abort: function (ajaxID) {
|
var ajaxConfig = this.ajaxConfigs[ajaxID];
|
if (ajaxConfig) {
|
ajaxConfig.abort();
|
}
|
},
|
onreadystatechange: function () {
|
var http = this.request;
|
var statusCode = isLocalFile ? 0 : 200;
|
if (http.readyState === 4) {
|
if (http.status === statusCode) {
|
this.onSuccess(http.responseText, this);
|
} else {
|
this.onFail(http.status, this);
|
}
|
http.onreadystatechange = emptyFn;
|
}
|
},
|
encodeURL: function (hs) {
|
var s = [];
|
for (var j in hs) {
|
var v = hs[j];
|
if (typeof (v) == 'object') {
|
v = Edo.util.JSON.encode(v);
|
}
|
s.push(encodeURIComponent(j) + "=" + encodeURIComponent(v));
|
//s.push(j + "=" + v.replace(/&/g, '&&'));
|
}
|
return s.join("&");
|
}
|
};
|
|
|
Edo.util.Cookie = {
|
|
get: function (sName) {
|
var aCookie = document.cookie.split("; ");
|
var lastMatch = null;
|
for (var i = 0; i < aCookie.length; i++) {
|
var aCrumb = aCookie[i].split("=");
|
if (sName == aCrumb[0]) {
|
lastMatch = aCrumb;
|
}
|
}
|
if (lastMatch) {
|
var v = lastMatch[1];
|
if (v === undefined) return v;
|
return unescape(v);
|
}
|
return null;
|
},
|
|
set: function (name, value, expires, domain) {
|
var LargeExpDate = new Date();
|
if (expires != null) {
|
//LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
|
|
LargeExpDate = new Date(LargeExpDate.getTime() + (expires * 1000 * 3600 * 24)); //expires天数
|
}
|
|
document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : ("; expires=" + LargeExpDate.toGMTString())) + ";path=/" + (domain ? "; domain=" + domain : "");
|
},
|
|
del: function (name, domain) {
|
this.set(name, null, -100, domain);
|
}
|
};
|
|
|
|
|
(function () {
|
// private
|
Date.formatCodeToRegex = function (character, currentGroup) {
|
// Note: currentGroup - position in regex result array (see notes for Date.parseCodes below)
|
var p = Date.parseCodes[character];
|
|
if (p) {
|
p = typeof (p) == 'function' ? p() : p;
|
Date.parseCodes[character] = p; // reassign function result to prevent repeated execution
|
}
|
|
return p ? Edo.applyIf({
|
c: p.c ? String.format(p.c, currentGroup || "{0}") : p.c
|
}, p) : {
|
g: 0,
|
c: null,
|
s: escapeRe(character) // treat unrecognised characters as literals
|
}
|
}
|
|
// private shorthand for Date.formatCodeToRegex since we'll be using it fairly often
|
var $f = Date.formatCodeToRegex;
|
|
Edo.apply(Date, {
|
// private
|
parseFunctions: { count: 0 },
|
parseRegexes: [],
|
formatFunctions: { count: 0 },
|
daysInMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
|
y2kYear: 50,
|
|
|
MILLI: "ms",
|
|
|
SECOND: "s",
|
|
|
MINUTE: "mi",
|
|
|
HOUR: "h",
|
|
|
DAY: "d",
|
|
|
MONTH: "mo",
|
|
|
YEAR: "y",
|
|
|
dayNames: [
|
"Sunday",
|
"Monday",
|
"Tuesday",
|
"Wednesday",
|
"Thursday",
|
"Friday",
|
"Saturday"
|
],
|
|
|
monthNames: [
|
"January",
|
"February",
|
"March",
|
"April",
|
"May",
|
"June",
|
"July",
|
"August",
|
"September",
|
"October",
|
"November",
|
"December"
|
],
|
|
|
monthNumbers: {
|
Jan: 0,
|
Feb: 1,
|
Mar: 2,
|
Apr: 3,
|
May: 4,
|
Jun: 5,
|
Jul: 6,
|
Aug: 7,
|
Sep: 8,
|
Oct: 9,
|
Nov: 10,
|
Dec: 11
|
},
|
|
|
getShortMonthName: function (month) {
|
return Date.monthNames[month].substring(0, 3);
|
},
|
|
|
getShortDayName: function (day) {
|
return Date.dayNames[day].substring(0, 3);
|
},
|
|
|
getMonthNumber: function (name) {
|
// handle camel casing for english month names (since the keys for the Date.monthNumbers hash are case sensitive)
|
return Date.monthNumbers[name.substring(0, 1).toUpperCase() + name.substring(1, 3).toLowerCase()];
|
},
|
|
|
formatCodes: {
|
d: "String.leftPad(this.getDate(), 2, '0')",
|
D: "Date.getShortDayName(this.getDay())", // get localised short day name
|
j: "this.getDate()",
|
l: "Date.dayNames[this.getDay()]",
|
N: "(this.getDay() ? this.getDay() : 7)",
|
S: "this.getSuffix()",
|
w: "this.getDay()",
|
z: "this.getDayOfYear()",
|
W: "String.leftPad(this.getWeekOfYear(), 2, '0')",
|
F: "Date.monthNames[this.getMonth()]",
|
m: "String.leftPad(this.getMonth() + 1, 2, '0')",
|
M: "Date.getShortMonthName(this.getMonth())", // get localised short month name
|
n: "(this.getMonth() + 1)",
|
t: "this.getDaysInMonth()",
|
L: "(this.isLeapYear() ? 1 : 0)",
|
o: "(this.getFullYear() + (this.getWeekOfYear() == 1 && this.getMonth() > 0 ? +1 : (this.getWeekOfYear() >= 52 && this.getMonth() < 11 ? -1 : 0)))",
|
Y: "this.getFullYear()",
|
y: "('' + this.getFullYear()).substring(2, 4)",
|
a: "(this.getHours() < 12 ? 'am' : 'pm')",
|
A: "(this.getHours() < 12 ? 'AM' : 'PM')",
|
g: "((this.getHours() % 12) ? this.getHours() % 12 : 12)",
|
G: "this.getHours()",
|
h: "String.leftPad((this.getHours() % 12) ? this.getHours() % 12 : 12, 2, '0')",
|
H: "String.leftPad(this.getHours(), 2, '0')",
|
i: "String.leftPad(this.getMinutes(), 2, '0')",
|
s: "String.leftPad(this.getSeconds(), 2, '0')",
|
u: "String.leftPad(this.getMilliseconds(), 3, '0')",
|
O: "this.getGMTOffset()",
|
P: "this.getGMTOffset(true)",
|
T: "this.getTimezone()",
|
Z: "(this.getTimezoneOffset() * -60)",
|
c: function () { // ISO-8601 -- GMT format
|
for (var c = "Y-m-dTH:i:sP", code = [], i = 0, l = c.length; i < l; ++i) {
|
var e = c.charAt(i);
|
code.push(e == "T" ? "'T'" : Date.getFormatCode(e)); // treat T as a character literal
|
}
|
return code.join(" + ");
|
},
|
|
U: "Math.round(this.getTime() / 1000)"
|
},
|
|
|
parseDate: function (input, format) {
|
if (!input) return;
|
if (input.format) return input;
|
var p = Date.parseFunctions;
|
if (p[format] == null) {
|
Date.createParser(format);
|
}
|
var func = p[format];
|
return Date[func](input);
|
},
|
|
// private
|
getFormatCode: function (character) {
|
var f = Date.formatCodes[character];
|
|
if (f) {
|
f = typeof (f) == 'function' ? f() : f;
|
Date.formatCodes[character] = f; // reassign function result to prevent repeated execution
|
}
|
|
// note: unknown characters are treated as literals
|
return f || ("'" + String.escape(character) + "'");
|
},
|
|
// private
|
createNewFormat: function (format) {
|
var funcName = "format" + Date.formatFunctions.count++;
|
Date.formatFunctions[format] = funcName;
|
var code = "Date.prototype." + funcName + " = function(){return ";
|
var special = false;
|
var ch = '';
|
for (var i = 0; i < format.length; ++i) {
|
ch = format.charAt(i);
|
if (!special && ch == "\\") {
|
special = true;
|
}
|
else if (special) {
|
special = false;
|
code += "'" + String.escape(ch) + "' + ";
|
}
|
else {
|
code += Date.getFormatCode(ch) + " + ";
|
}
|
}
|
eval(code.substring(0, code.length - 3) + ";}");
|
},
|
|
// private
|
createParser: function (format) {
|
var funcName = "parse" + Date.parseFunctions.count++;
|
var regexNum = Date.parseRegexes.length;
|
var currentGroup = 1;
|
Date.parseFunctions[format] = funcName;
|
|
var code = "Date." + funcName + " = function(input){\n"
|
+ "var y, m, d, h = 0, i = 0, s = 0, ms = 0, o, z, u, v;\n"
|
+ "input = String(input);\n"
|
+ "d = new Date();\n"
|
+ "y = d.getFullYear();\n"
|
+ "m = d.getMonth();\n"
|
+ "d = d.getDate();\n"
|
+ "var results = input.match(Date.parseRegexes[" + regexNum + "]);\n"
|
+ "if (results && results.length > 0) {";
|
var regex = "";
|
|
var special = false;
|
var ch = '';
|
for (var i = 0; i < format.length; ++i) {
|
ch = format.charAt(i);
|
if (!special && ch == "\\") {
|
special = true;
|
}
|
else if (special) {
|
special = false;
|
regex += String.escape(ch);
|
}
|
else {
|
var obj = Date.formatCodeToRegex(ch, currentGroup);
|
currentGroup += obj.g;
|
regex += obj.s;
|
if (obj.g && obj.c) {
|
code += obj.c;
|
}
|
}
|
}
|
|
code += "if (u){\n"
|
+ "v = new Date(u * 1000);\n" // give top priority to UNIX time
|
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0 && ms >= 0){\n"
|
+ "v = new Date(y, m, d, h, i, s, ms);\n"
|
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0 && s >= 0){\n"
|
+ "v = new Date(y, m, d, h, i, s);\n"
|
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0 && i >= 0){\n"
|
+ "v = new Date(y, m, d, h, i);\n"
|
+ "}else if (y >= 0 && m >= 0 && d > 0 && h >= 0){\n"
|
+ "v = new Date(y, m, d, h);\n"
|
+ "}else if (y >= 0 && m >= 0 && d > 0){\n"
|
+ "v = new Date(y, m, d);\n"
|
+ "}else if (y >= 0 && m >= 0){\n"
|
+ "v = new Date(y, m);\n"
|
+ "}else if (y >= 0){\n"
|
+ "v = new Date(y);\n"
|
+ "}\n}\nreturn (v && (z || o))?" // favour UTC offset over GMT offset
|
+ " (typeof(z) == 'number' ? v.add(Date.SECOND, -v.getTimezoneOffset() * 60 - z) :" // reset to UTC, then add offset
|
+ " v.add(Date.MINUTE, -v.getTimezoneOffset() + (sn == '+'? -1 : 1) * (hr * 60 + mn))) : v;\n" // reset to GMT, then add offset
|
+ "}";
|
|
Date.parseRegexes[regexNum] = new RegExp("^" + regex + "$", "i");
|
eval(code);
|
},
|
|
// private
|
parseCodes: {
|
|
d: {
|
g: 1,
|
c: "d = parseInt(results[{0}], 10);\n",
|
s: "(\\d{2})" // day of month with leading zeroes (01 - 31)
|
},
|
j: {
|
g: 1,
|
c: "d = parseInt(results[{0}], 10);\n",
|
s: "(\\d{1,2})" // day of month without leading zeroes (1 - 31)
|
},
|
D: function () {
|
for (var a = [], i = 0; i < 7; a.push(Date.getShortDayName(i)), ++i); // get localised short day names
|
return {
|
g: 0,
|
c: null,
|
s: "(?:" + a.join("|") + ")"
|
}
|
},
|
l: function () {
|
return {
|
g: 0,
|
c: null,
|
s: "(?:" + Date.dayNames.join("|") + ")"
|
}
|
},
|
N: {
|
g: 0,
|
c: null,
|
s: "[1-7]" // ISO-8601 day number (1 (monday) - 7 (sunday))
|
},
|
S: {
|
g: 0,
|
c: null,
|
s: "(?:st|nd|rd|th)"
|
},
|
w: {
|
g: 0,
|
c: null,
|
s: "[0-6]" // javascript day number (0 (sunday) - 6 (saturday))
|
},
|
z: {
|
g: 0,
|
c: null,
|
s: "(?:\\d{1,3}" // day of the year (0 - 364 (365 in leap years))
|
},
|
W: {
|
g: 0,
|
c: null,
|
s: "(?:\\d{2})" // ISO-8601 week number (with leading zero)
|
},
|
F: function () {
|
return {
|
g: 1,
|
c: "m = parseInt(Date.getMonthNumber(results[{0}]), 10);\n", // get localised month number
|
s: "(" + Date.monthNames.join("|") + ")"
|
}
|
},
|
M: function () {
|
for (var a = [], i = 0; i < 12; a.push(Date.getShortMonthName(i)), ++i); // get localised short month names
|
return Edo.applyIf({
|
s: "(" + a.join("|") + ")"
|
}, $f("F"));
|
},
|
m: {
|
g: 1,
|
c: "m = parseInt(results[{0}], 10) - 1;\n",
|
s: "(\\d{2})" // month number with leading zeros (01 - 12)
|
},
|
n: {
|
g: 1,
|
c: "m = parseInt(results[{0}], 10) - 1;\n",
|
s: "(\\d{1,2})" // month number without leading zeros (1 - 12)
|
},
|
t: {
|
g: 0,
|
c: null,
|
s: "(?:\\d{2})" // no. of days in the month (28 - 31)
|
},
|
L: {
|
g: 0,
|
c: null,
|
s: "(?:1|0)"
|
},
|
o: function () {
|
return $f("Y");
|
},
|
Y: {
|
g: 1,
|
c: "y = parseInt(results[{0}], 10);\n",
|
s: "(\\d{4})" // 4-digit year
|
},
|
y: {
|
g: 1,
|
c: "var ty = parseInt(results[{0}], 10);\n"
|
+ "y = ty > Date.y2kYear ? 1900 + ty : 2000 + ty;\n", // 2-digit year
|
s: "(\\d{1,2})"
|
},
|
a: {
|
g: 1,
|
c: "if (results[{0}] == 'am') {\n"
|
+ "if (h == 12) { h = 0; }\n"
|
+ "} else { if (h < 12) { h += 12; }}",
|
s: "(am|pm)"
|
},
|
A: {
|
g: 1,
|
c: "if (results[{0}] == 'AM') {\n"
|
+ "if (h == 12) { h = 0; }\n"
|
+ "} else { if (h < 12) { h += 12; }}",
|
s: "(AM|PM)"
|
},
|
g: function () {
|
return $f("G");
|
},
|
G: {
|
g: 1,
|
c: "h = parseInt(results[{0}], 10);\n",
|
s: "(\\d{1,2})" // 24-hr format of an hour without leading zeroes (0 - 23)
|
},
|
h: function () {
|
return $f("H");
|
},
|
H: {
|
g: 1,
|
c: "h = parseInt(results[{0}], 10);\n",
|
s: "(\\d{2})" // 24-hr format of an hour with leading zeroes (00 - 23)
|
},
|
i: {
|
g: 1,
|
c: "i = parseInt(results[{0}], 10);\n",
|
s: "(\\d{2})" // minutes with leading zeros (00 - 59)
|
},
|
s: {
|
g: 1,
|
c: "s = parseInt(results[{0}], 10);\n",
|
s: "(\\d{2})" // seconds with leading zeros (00 - 59)
|
},
|
u: {
|
g: 1,
|
c: "ms = results[{0}]; ms = parseInt(ms, 10)/Math.pow(10, ms.length - 3);\n",
|
s: "(\\d+)" // milliseconds with leading zeroes (arbitrary number of digits allowed) e.g. 001, 100, 999, 999876543210
|
},
|
O: {
|
g: 1,
|
c: [
|
"o = results[{0}];",
|
"var sn = o.substring(0,1);", // get + / - sign
|
"var hr = o.substring(1,3)*1 + Math.floor(o.substring(3,5) / 60);", // get hours (performs minutes-to-hour conversion also, just in case)
|
"var mn = o.substring(3,5) % 60;", // get minutes
|
"o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))? (sn + String.leftPad(hr, 2, '0') + String.leftPad(mn, 2, '0')) : null;\n" // -12hrs <= GMT offset <= 14hrs
|
].join("\n"),
|
s: "([+\-]\\d{4})" // GMT offset in hrs and mins
|
},
|
P: {
|
g: 1,
|
c: [
|
"o = results[{0}];",
|
"var sn = o.substring(0,1);", // get + / - sign
|
"var hr = o.substring(1,3)*1 + Math.floor(o.substring(4,6) / 60);", // get hours (performs minutes-to-hour conversion also, just in case)
|
"var mn = o.substring(4,6) % 60;", // get minutes
|
"o = ((-12 <= (hr*60 + mn)/60) && ((hr*60 + mn)/60 <= 14))? (sn + String.leftPad(hr, 2, '0') + String.leftPad(mn, 2, '0')) : null;\n" // -12hrs <= GMT offset <= 14hrs
|
].join("\n"),
|
s: "([+\-]\\d{2}:\\d{2})" // GMT offset in hrs and mins (with colon separator)
|
},
|
T: {
|
g: 0,
|
c: null,
|
s: "[A-Z]{1,4}" // timezone abbrev. may be between 1 - 4 chars
|
},
|
Z: {
|
g: 1,
|
c: "z = results[{0}] * 1;\n" // -43200 <= UTC offset <= 50400
|
+ "z = (-43200 <= z && z <= 50400)? z : null;\n",
|
s: "([+\-]?\\d{1,5})" // leading '+' sign is optional for UTC offset
|
},
|
c: function () {
|
var calc = [];
|
var arr = [
|
$f("Y", 1), // year
|
$f("m", 2), // month
|
$f("d", 3), // day
|
$f("h", 4), // hour
|
$f("i", 5), // minute
|
$f("s", 6), // second
|
{c: "ms = (results[7] || '.0').substring(1); ms = parseInt(ms, 10)/Math.pow(10, ms.length - 3);\n" }, // millisecond decimal fraction (with leading zeroes + arbitrary no. of digits)
|
{c: "if(results[9] == 'Z'){\no = 0;\n}else{\n" + $f("P", 9).c + "\n}"} // allow both "Z" (i.e. UTC) and "+08:00" (i.e. GMT) time zone delimiters
|
];
|
for (var i = 0, l = arr.length; i < l; ++i) {
|
calc.push(arr[i].c);
|
}
|
|
return {
|
g: 1,
|
c: calc.join(""),
|
s: arr[0].s + "-" + arr[1].s + "-" + arr[2].s + "T" + arr[3].s + ":" + arr[4].s + ":" + arr[5].s
|
+ "((\.|,)\\d+)?" // ",998465" or ".998465" millisecond decimal fraction
|
+ "(" + $f("P", null).s + "|Z)" // "Z" (UTC) or "GMT+08:00" (GMT offset)
|
}
|
},
|
U: {
|
g: 1,
|
c: "u = parseInt(results[{0}], 10);\n",
|
s: "(-?\\d+)" // leading minus sign indicates seconds before UNIX epoch
|
}
|
}
|
});
|
|
} ());
|
|
Edo.apply(Date.prototype, {
|
// private
|
dateFormat: function (format) {
|
if (Date.formatFunctions[format] == null) {
|
Date.createNewFormat(format);
|
}
|
var func = Date.formatFunctions[format];
|
return this[func]();
|
},
|
|
|
getTimezone: function () {
|
// the following list shows the differences between date strings from different browsers on a WinXP SP2 machine from an Asian locale:
|
//
|
// Opera : "Thu, 25 Oct 2007 22:53:45 GMT+0800" -- shortest (weirdest) date string of the lot
|
// Safari : "Thu Oct 25 2007 22:55:35 GMT+0800 (Malay Peninsula Standard Time)" -- value in parentheses always gives the correct timezone (same as FF)
|
// FF : "Thu Oct 25 2007 22:55:35 GMT+0800 (Malay Peninsula Standard Time)" -- value in parentheses always gives the correct timezone
|
// IE : "Thu Oct 25 22:54:35 UTC+0800 2007" -- (Asian system setting) look for 3-4 letter timezone abbrev
|
// IE : "Thu Oct 25 17:06:37 PDT 2007" -- (American system setting) look for 3-4 letter timezone abbrev
|
//
|
// this crazy regex attempts to guess the correct timezone abbreviation despite these differences.
|
// step 1: (?:\((.*)\) -- find timezone in parentheses
|
// step 2: ([A-Z]{1,4})(?:[\-+][0-9]{4})?(?: -?\d+)?) -- if nothing was found in step 1, find timezone from timezone offset portion of date string
|
// step 3: remove all non uppercase characters found in step 1 and 2
|
return this.toString().replace(/^.* (?:\((.*)\)|([A-Z]{1,4})(?:[\-+][0-9]{4})?(?: -?\d+)?)$/, "$1$2").replace(/[^A-Z]/g, "");
|
},
|
|
|
getGMTOffset: function (colon) {
|
return (this.getTimezoneOffset() > 0 ? "-" : "+")
|
+ String.leftPad(Math.abs(Math.floor(this.getTimezoneOffset() / 60)), 2, "0")
|
+ (colon ? ":" : "")
|
+ String.leftPad(Math.abs(this.getTimezoneOffset() % 60), 2, "0");
|
},
|
|
|
getDayOfYear: function () {
|
var num = 0;
|
Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
|
for (var i = 0; i < this.getMonth(); ++i) {
|
num += Date.daysInMonth[i];
|
}
|
return num + this.getDate() - 1;
|
},
|
|
|
getWeekOfYear: function () {
|
// adapted from http://www.merlyn.demon.co.uk/weekcalc.htm
|
var ms1d = 864e5; // milliseconds in a day
|
var ms7d = 7 * ms1d; // milliseconds in a week
|
var DC3 = Date.UTC(this.getFullYear(), this.getMonth(), this.getDate() + 3) / ms1d; // an Absolute Day Number
|
var AWN = Math.floor(DC3 / 7); // an Absolute Week Number
|
var Wyr = new Date(AWN * ms7d).getUTCFullYear();
|
return AWN - Math.floor(Date.UTC(Wyr, 0, 7) / ms7d) + 1;
|
},
|
|
|
isLeapYear: function () {
|
var year = this.getFullYear();
|
return !!((year & 3) == 0 && (year % 100 || (year % 400 == 0 && year)));
|
},
|
|
|
getFirstDayOfMonth: function () {
|
var day = (this.getDay() - (this.getDate() - 1)) % 7;
|
return (day < 0) ? (day + 7) : day;
|
},
|
|
|
getLastDayOfMonth: function () {
|
var day = (this.getDay() + (Date.daysInMonth[this.getMonth()] - this.getDate())) % 7;
|
return (day < 0) ? (day + 7) : day;
|
},
|
|
|
|
getFirstDateOfMonth: function () {
|
return new Date(this.getFullYear(), this.getMonth(), 1);
|
},
|
|
|
getLastDateOfMonth: function () {
|
return new Date(this.getFullYear(), this.getMonth(), this.getDaysInMonth());
|
},
|
|
|
getDaysInMonth: function () {
|
Date.daysInMonth[1] = this.isLeapYear() ? 29 : 28;
|
return Date.daysInMonth[this.getMonth()];
|
},
|
|
|
getSuffix: function () {
|
switch (this.getDate()) {
|
case 1:
|
case 21:
|
case 31:
|
return "st";
|
case 2:
|
case 22:
|
return "nd";
|
case 3:
|
case 23:
|
return "rd";
|
default:
|
return "th";
|
}
|
},
|
|
|
clone: function () {
|
return new Date(this.getTime());
|
},
|
|
|
clearTime: function (clone) {
|
if (clone) {
|
return this.clone().clearTime();
|
}
|
this.setHours(0);
|
this.setMinutes(0);
|
this.setSeconds(0);
|
this.setMilliseconds(0);
|
return this;
|
},
|
|
|
add: function (interval, value) {
|
var d = this.clone();
|
if (!interval || value === 0) return d;
|
|
switch (interval.toLowerCase()) {
|
case Date.MILLI:
|
d.setMilliseconds(this.getMilliseconds() + value);
|
break;
|
case Date.SECOND:
|
d.setSeconds(this.getSeconds() + value);
|
break;
|
case Date.MINUTE:
|
d.setMinutes(this.getMinutes() + value);
|
break;
|
case Date.HOUR:
|
d.setHours(this.getHours() + value);
|
break;
|
case Date.DAY:
|
d.setDate(this.getDate() + value);
|
break;
|
case Date.MONTH:
|
var day = this.getDate();
|
if (day > 28) {
|
day = Math.min(day, this.getFirstDateOfMonth().add('mo', value).getLastDateOfMonth().getDate());
|
}
|
d.setDate(day);
|
d.setMonth(this.getMonth() + value);
|
break;
|
case Date.YEAR:
|
d.setFullYear(this.getFullYear() + value);
|
break;
|
}
|
return d;
|
},
|
|
|
between: function (start, end) {
|
var t = this.getTime();
|
return start.getTime() <= t && t <= end.getTime();
|
}
|
});
|
|
|
|
Date.prototype.format = Date.prototype.dateFormat;
|
|
|
// private
|
// safari setMonth is broken
|
if (isSafari) {
|
Date.brokenSetMonth = Date.prototype.setMonth;
|
Date.prototype.setMonth = function (num) {
|
if (num <= -1) {
|
var n = Math.ceil(-num);
|
var back_year = Math.ceil(n / 12);
|
var month = (n % 12) ? 12 - n % 12 : 0;
|
this.setFullYear(this.getFullYear() - back_year);
|
return Date.brokenSetMonth.call(this, month);
|
} else {
|
return Date.brokenSetMonth.apply(this, arguments);
|
}
|
};
|
}
|
|
///
|
Date.monthNames = [
|
"一月",
|
"二月",
|
"三月",
|
"四月",
|
"五月",
|
"六月",
|
"七月",
|
"八月",
|
"九月",
|
"十月",
|
"十一月",
|
"十二月"
|
];
|
|
Date.dayNames = [
|
"日",
|
"一",
|
"二",
|
"三",
|
"四",
|
"五",
|
"六"
|
];
|
|
Edo.util.Drag = function (options) {
|
Edo.apply(this, options);
|
};
|
Edo.util.Drag.prototype = {
|
|
onStart: Edo.emptyFn,
|
|
onMove: Edo.emptyFn,
|
|
onStop: Edo.emptyFn,
|
|
capture: false,
|
|
fps: 20,
|
|
event: null,
|
|
started: false,
|
|
//delay: 80,
|
|
//调用start的时候,鼠标已经按下去了.
|
|
start: function (e) {
|
e.stopDefault();
|
if (e) this.event = e;
|
//this.started = false;
|
this.now = this.init = this.event.xy.clone(); //初始时的mouse坐标
|
|
var bd = document;
|
Edo.util.Dom.on(bd, 'mousemove', this.move, this);
|
Edo.util.Dom.on(bd, 'mouseup', this.stop, this);
|
|
this.trigger = e.trigger;
|
Edo.util.Dom.selectable(this.trigger, false);
|
Edo.util.Dom.selectable(bd.body, false);
|
|
if (this.capture) {//ie下,为true的时候,鼠标指针不能得到界面上的do元素
|
if (isIE) this.trigger.setCapture(true);
|
else if (isGecko) document.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP | Event.MOUSEDOWN);
|
}
|
//定制一个延迟事件
|
this.startTime = new Date();
|
},
|
move: function (e) {
|
if (this.delay) { //如果有延迟配置,则判断当前是否超过了延迟时间
|
if (new Date() - this.startTime < this.delay) return;
|
}
|
|
//2)
|
if (!this.started) {
|
this.started = true;
|
this.onStart(this); //在第一次move的时候,才开始onStart
|
}
|
|
//处理!!!
|
|
var sf = this;
|
|
if (!this.timer) {
|
//this.timer = setTimeout(function(){
|
sf.now = e.xy.clone(); //移动中的鼠标坐标
|
sf.event = e;
|
sf.onMove(sf);
|
sf.timer = null;
|
//}, 0);
|
}
|
},
|
stop: function (e) {
|
this.now = e.xy.clone(); //移动中的鼠标坐标
|
this.event = e;
|
if (this.delay) {
|
this.onMove(this);
|
}
|
if (this.timer) {
|
clearTimeout(this.timer);
|
this.timer = null;
|
}
|
|
var bd = document;
|
Edo.util.Dom.un(bd, 'mousemove', this.move, this);
|
Edo.util.Dom.un(bd, 'mouseup', this.stop, this);
|
Edo.util.Dom.selectable(this.trigger, true);
|
Edo.util.Dom.selectable(bd.body, true);
|
if (this.capture) {
|
if (isIE) this.trigger.releaseCapture();
|
else if (isGecko) document.releaseEvents(Event.MOUSEMOVE | Event.MOUSEUP | Event.MOUSEDOWN);
|
}
|
|
if (this.started) this.onStop(this);
|
this.started = false;
|
}
|
};
|
|
|
Edo.util.JSON = new (function () {
|
var useHasOwn = !!{}.hasOwnProperty,
|
isNative = function () {
|
var useNative = null;
|
|
return function () {
|
if (useNative === null) {
|
useNative = Edo.USE_NATIVE_JSON && window.JSON && JSON.toString() == '[object JSON]';
|
}
|
|
return useNative;
|
};
|
} (),
|
pad = function (n) {
|
return n < 10 ? "0" + n : n;
|
},
|
doDecode = function (json) {
|
return eval('(' + json + ')');
|
},
|
doEncode = function (o) {
|
if (typeof o == "undefined" || o === null) {
|
return "null";
|
//}else if(Edo.isArray(o)){
|
} else if (o.push) {
|
return encodeArray(o);
|
//}else if(Object.prototype.toString.apply(o) === '[object Date]'){
|
} else if (o.getFullYear) {
|
return Edo.util.JSON.encodeDate(o);
|
} else if (typeof o == "string") {
|
//}else if(o.charAt){
|
return encodeString(o);
|
} else if (typeof o == "number") {
|
return isFinite(o) ? String(o) : "null";
|
} else if (typeof o == "boolean") {
|
return String(o);
|
} else {
|
var a = ["{"], b, i, v;
|
for (i in o) {
|
if (!useHasOwn || o.hasOwnProperty(i)) {
|
v = o[i];
|
switch (typeof v) {
|
case "undefined":
|
case "function":
|
case "unknown":
|
break;
|
default:
|
if (b) {
|
//a.push(',');
|
a[a.length] = ',';
|
}
|
//a.push(doEncode(i), ":", v === null ? "null" : doEncode(v));
|
a[a.length] = doEncode(i);
|
a[a.length] = ":";
|
a[a.length] = v === null ? "null" : doEncode(v);
|
|
b = true;
|
}
|
}
|
}
|
//a.push("}");
|
a[a.length] = "}";
|
return a.join("");
|
}
|
},
|
m = {
|
"\b": '\\b',
|
"\t": '\\t',
|
"\n": '\\n',
|
"\f": '\\f',
|
"\r": '\\r',
|
'"': '\\"',
|
"\\": '\\\\'
|
},
|
strReg1 = /["\\\x00-\x1f]/,
|
strReg2 = /([\x00-\x1f\\"])/g,
|
//new RegExp().c
|
encodeString = function (s) {
|
if (strReg1.test(s)) {
|
return '"' + s.replace(strReg2, function (a, b) {
|
var c = m[b];
|
if (c) {
|
return c;
|
}
|
c = b.charCodeAt();
|
return "\\u00" +
|
Math.floor(c / 16).toString(16) +
|
(c % 16).toString(16);
|
}) + '"';
|
}
|
return '"' + s + '"';
|
},
|
encodeArray = function (o) {
|
var a = ["["], b, i, l = o.length, v;
|
for (i = 0; i < l; i += 1) {
|
v = o[i];
|
switch (typeof v) {
|
case "undefined":
|
case "function":
|
case "unknown":
|
break;
|
default:
|
if (b) {
|
//a.push(',');
|
a[a.length] = ',';
|
}
|
//a.push(v === null ? "null" : Edo.util.JSON.encode(v));
|
a[a.length] = v === null ? "null" : Edo.util.JSON.encode(v);
|
|
b = true;
|
}
|
}
|
//a.push("]");
|
a[a.length] = ']';
|
return a.join("");
|
};
|
|
var encodeDate = function (o) {
|
//return 'new Date('+o.getTime()+')';
|
|
return '"' + o.getFullYear() + "-" +
|
pad(o.getMonth() + 1) + "-" +
|
pad(o.getDate()) + "T" +
|
pad(o.getHours()) + ":" +
|
pad(o.getMinutes()) + ":" +
|
pad(o.getSeconds()) + '"';
|
};
|
|
this.encodeDate = encodeDate;
|
|
this.encode = function () {
|
var ec;
|
return function (o, dateFormat) {
|
if (!ec) {
|
// setup encoding function on first access
|
ec = isNative() ? JSON.stringify : doEncode;
|
}
|
|
if (dateFormat) this.encodeDate = dateFormat;
|
|
var s = ec(o);
|
|
if (dateFormat) this.encodeDate = encodeDate;
|
|
return s;
|
};
|
} ();
|
|
this.decode = function () {
|
var dc;
|
var re = /[\"\'](\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})[\"\']/g;
|
return function (json) {
|
json = json.replace(re, "new Date($1,$2-1,$3,$4,$5,$6)");
|
if (!dc) {
|
// setup decoding function on first access
|
dc = isNative() ? JSON.parse : doDecode;
|
}
|
return dc(json);
|
};
|
} ();
|
|
})();
|
Edo.util.Json = Edo.util.JSON;
|
function XMLDOM(markup) {
|
if (!window.DOMParser) {
|
var progIDs = ['Msxml2.DOMDocument.3.0', 'Msxml2.DOMDocument'];
|
for (var i = 0; i < progIDs.length; i++) {
|
try {
|
var xmlDOM = new ActiveXObject(progIDs[i]);
|
xmlDOM.async = false;
|
xmlDOM.loadXML(markup);
|
xmlDOM.setProperty('SelectionLanguage', 'XPath');
|
return xmlDOM;
|
}
|
catch (ex) {
|
}
|
}
|
return null;
|
}
|
else {
|
try {
|
var domParser = new window.DOMParser();
|
return domParser.parseFromString(markup, 'text/xml');
|
} catch (ex) {
|
return null;
|
}
|
}
|
return null;
|
}
|
Edo.util.XML = {
|
version: '<?xml version="1.0" standalone="no"?>',
|
useCDATA: false,
|
dateFormat: function (o) {
|
return o.getFullYear() + "-" + (o.getMonth() + 1) + "-" + o.getDate() + "T" + o.getHours() + ":" + o.getMinutes() + ":" + o.getSeconds();
|
},
|
//将JS对象转XML
|
encode: function (obj) {
|
var typeFn = function (o) {
|
if (o === undefined || o === null) {
|
return false;
|
}
|
var t = typeof o;
|
if (t == 'object' || t == 'function') {
|
switch (o.constructor) {
|
case Array: return 'array';
|
case RegExp: return 'regexp';
|
case Date: return 'date';
|
}
|
}
|
return t;
|
}
|
var dateFormat = this.dateFormat;
|
var useCDATA = this.useCDATA;
|
|
var sb = [];
|
|
function toXml(o, p) {
|
var type = typeFn(o);
|
|
switch (type) {
|
case 'object':
|
for (var p in o) {
|
var value = o[p];
|
|
var vtype = typeFn(value);
|
if (vtype == 'function' || vtype == 'regexp') continue;
|
|
var isArray = vtype == 'array';
|
for (var i = 0, l = isArray ? value.length : 1; i < l; i++) {
|
var v = isArray ? value[i] : value;
|
|
sb[sb.length] = '<';
|
sb[sb.length] = p;
|
|
var hasChild = false;
|
|
//这里应该处理属性, @开头
|
if (typeFn(v) == 'object') {
|
for (var pp in v) {
|
if (pp.indexOf('@') == 0) { //属性操作
|
|
sb[sb.length] = ' ';
|
sb[sb.length] = pp.substr(1);
|
sb[sb.length] = '="';
|
sb[sb.length] = v[pp];
|
sb[sb.length] = '"';
|
|
delete v[pp];
|
} else {
|
hasChild = true;
|
}
|
}
|
|
} else {
|
hasChild = true;
|
}
|
|
if (hasChild) {
|
sb[sb.length] = '>';
|
|
toXml(v, p);
|
|
sb[sb.length] = '</';
|
sb[sb.length] = p;
|
sb[sb.length] = '>';
|
} else {
|
sb[sb.length] = '/>';
|
}
|
}
|
}
|
break;
|
case 'string':
|
|
if (!useCDATA && (o.indexOf('<') == -1 && o.indexOf('>') == -1)) {
|
sb[sb.length] = o;
|
} else {
|
sb[sb.length] = '<![CDATA[';
|
sb[sb.length] = o;
|
sb[sb.length] = ']]>';
|
}
|
break;
|
case 'date':
|
sb[sb.length] = dateFormat(o);
|
break
|
default:
|
sb[sb.length] = o;
|
break;
|
}
|
}
|
|
sb[sb.length] = this.version;
|
toXml(obj);
|
|
var xml = sb.join('');
|
return xml;
|
},
|
//将XML转JS对象
|
decode: function (xml) {
|
if (!xml) return null;
|
if (typeof xml !== 'string') return null;
|
xml = xml.trim();
|
if (xml.indexOf('<') != 0) return null;
|
|
xml = new XMLDOM(xml);
|
|
if (!xml) return null;
|
|
var root = xml.documentElement;
|
if (!root || root.tagName == 'parsererror') return null;
|
|
function filterNodes(cs) {
|
var children = [];
|
for (var i = 0, l = cs.length; i < l; i++) {
|
var c = cs[i];
|
var nt = c.nodeType;
|
if (nt == 1 || nt == 4) {
|
children[children.length] = c;
|
}
|
}
|
cs = children.length > 0 ? children : cs;
|
return cs;
|
}
|
var toString = Object.prototype.toString;
|
function parseNode(n, o) {
|
var as = n.attributes || [];
|
var i = 0, l = as.length;
|
var cs = filterNodes(n.childNodes);
|
if (l == 0 && cs.length == 0) return '';
|
|
o = o || {};
|
//1)attributes
|
while (i < l) {
|
//for(; i<l; i++){
|
var a = as[i];
|
o['@' + a.nodeName] = a.nodeValue;
|
|
i++;
|
}
|
//2)childNodes
|
var i = 0, l = cs.length;
|
while (i < l) {
|
//for(var i=0, l=cs.length; i<l; i++){
|
var c = cs[i];
|
|
var name = c.nodeName;
|
|
// if(nomatch && nomatch[name]) {
|
// i++;
|
// continue;
|
// }
|
|
var nt = c.nodeType;
|
|
if (nt != 1) {//if(c.nodeType ==3 || c.nodeType == 4) {
|
return c.nodeValue;
|
} else if (nt == 1) {
|
var value = parseNode(c);
|
var old = o[name];
|
if (!old) o[name] = value;
|
else if (old) {
|
//if(!(old instanceof Array)) {
|
//if(!(toString.apply(old) === '[object Array]')){
|
if (!old.push) {
|
o[name] = [old];
|
}
|
o[name][o[name].length] = value;
|
}
|
}
|
|
i++;
|
}
|
return o;
|
}
|
|
var json = parseNode(xml);
|
return json;
|
}
|
};
|
Edo.util.XmlToJson = Edo.util.XML.decode;
|
Edo.util.JSONToXml = Edo.util.XML.encode;
|
|
|
|
Edo.util.Anim = function (options) {
|
this.options = Edo.apply({
|
onStart: Edo.emptyFn,
|
onStep: Edo.emptyFn,
|
onComplete: Edo.emptyFn,
|
|
//动画算法
|
transition: function (p) {
|
return -(Math.cos(Math.PI * p) - 1) / 2;
|
}, //Edo.util.Anim.Transitions.Back.easeIn,
|
//动画周期
|
duration: 500,
|
//动画频率
|
fps: 50
|
}, options);
|
}
|
Edo.util.Anim.prototype = {
|
start: function (time) { //开始
|
this.stopTimer();
|
this.time = new Date().getTime() - (time || 0);
|
|
this.options.onStart();
|
this.timer = setInterval(this.step.bind(this), Math.round(1000 / this.options.fps));
|
},
|
stop: function (cancel) {
|
this.stopTimer();
|
|
this.options.onComplete(cancel);
|
var t = new Date().getTime() - this.time; //完成的时间长度
|
this.time = null;
|
|
return t;
|
},
|
step: function () {
|
var time = new Date().getTime();
|
var s = this.options.onStep;
|
if (time < this.time + this.options.duration) {
|
//根据时间的完成度,使用动画算法函数,得到一个效果的完成度delta
|
var delta = this.options.transition((time - this.time) / this.options.duration);
|
|
s(delta);
|
} else {
|
s(1);
|
this.stop(false);
|
}
|
},
|
stopTimer: function () {
|
clearInterval(this.timer);
|
this.timer = null;
|
}
|
}
|
Edo.util.Anim.compute = function (from, to, delta) {
|
return (to - from) * delta + from;
|
};
|
|
Edo.util.Anim.parseColorArray = function (v) {
|
if (v instanceof Array) return v;
|
else if (v.contains('rgb')) {
|
v = v.split('rgb').splice(1, 4).map(function (color) {
|
return color.rgbToHex();
|
}).join(' ');
|
}
|
return v.hexToRgb(true);
|
}
|
Edo.util.Anim.getStyle = function (el, p) {
|
var v = Edo.util.Dom.getStyle(el, p);
|
if (p.contains('olor')) {
|
while (v == 'transparent' && p != document) {
|
el = el.parentNode;
|
v = Edo.util.Dom.getStyle(el, p);
|
}
|
if (v == 'transparent') {
|
v = '#fff';
|
}
|
}
|
return v;
|
}
|
|
//动画算法
|
Edo.util.Anim.Transition = function (transition, params) {
|
params = params ? (params instanceof Array ? params : [params]) : [];
|
return Edo.apply(transition, {
|
easeIn: function (pos) {
|
return transition(pos, params);
|
},
|
easeOut: function (pos) {
|
return 1 - transition(1 - pos, params);
|
},
|
easeInOut: function (pos) {
|
return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2;
|
}
|
});
|
};
|
|
Edo.util.Anim.Transitions = {
|
linear: function () {
|
return arguments[0];
|
}
|
};
|
|
Edo.util.Anim.Transitions.extend = function (transitions) {
|
for (var transition in transitions) Edo.util.Anim.Transitions[transition] = new Edo.util.Anim.Transition(transitions[transition]);
|
};
|
Edo.util.Anim.Transitions.extend({
|
Pow: function (p, x) {
|
return Math.pow(p, x[0] || 6);
|
},
|
|
Expo: function (p) {
|
return Math.pow(2, 8 * (p - 1));
|
},
|
|
Circ: function (p) {
|
return 1 - Math.sin(Math.acos(p));
|
},
|
|
Sine: function (p) {
|
return 1 - Math.sin((1 - p) * Math.PI / 2);
|
},
|
|
Back: function (p, x) {
|
x = x[0] || 1.618;
|
return Math.pow(p, 2) * ((x + 1) * p - x);
|
},
|
|
Bounce: function (p) {
|
var value;
|
for (var a = 0, b = 1; 1; a += b, b /= 2) {
|
if (p >= (7 - 4 * a) / 11) {
|
value = -Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b;
|
break;
|
}
|
}
|
return value;
|
},
|
|
Elastic: function (p, x) {
|
return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3);
|
}
|
|
});
|
|
['Quad', 'Cubic', 'Quart', 'Quint'].each(function (transition, i) {
|
Edo.util.Anim.Transitions[transition] = new Edo.util.Anim.Transition(function (p) {
|
return Math.pow(p, [i + 2]);
|
});
|
});
|
|
Edo.util.Fx.Base = function (options) {
|
this.options = Edo.apply({
|
onStart: this.onStart.bind(this),
|
onStep: this.onStep.bind(this),
|
onComplete: this.onComplete.bind(this),
|
//transition: Anim.Transitions.Back.easeIn,
|
duration: 500,
|
fps: 50,
|
unit: 'px',
|
wait: true
|
}, options);
|
|
this.addEvents(
|
'start',
|
'step',
|
'complete',
|
'chaincomplete'
|
);
|
Edo.util.Fx.Base.superclass.constructor.call(this);
|
|
this.addListeners(this.options.listeners);
|
}
|
Edo.util.Fx.Base.extend(Edo.util.Observable, {//覆盖基类,要让子类能覆盖
|
chain: function (fn) {
|
this.chains = this.chains || [];
|
this.chains.push(fn);
|
return this;
|
},
|
callChain: function () {
|
if (this.chains && this.chains.length) {
|
var c = this.chains.shift()//.defer(1, this);
|
c.call(this);
|
}
|
return this;
|
},
|
clearChain: function () {
|
this.chains = [];
|
return this;
|
},
|
hasChain: function () {
|
return this.chains && this.chains.length > 0;
|
},
|
start: function (o) {
|
//wait为true,则表示一定将当前效果执行完后才可以继续
|
if (this.anim && this.options.wait) return false;
|
this.stop();
|
|
this.fromTo = o || {};
|
|
this.anim = new Edo.util.Anim(this.options);
|
this.anim.start();
|
return this;
|
},
|
stop: function () {
|
if (this.anim) {
|
var t = this.anim.stop();
|
this.anim = null;
|
return t;
|
}
|
},
|
compute: function (delta) {
|
var fromTo = this.fromTo;
|
for (var p in fromTo) {
|
var v = fromTo[p];
|
var value = v[0];
|
v[1] = v[1] || this.options.unit;
|
if (value[0] instanceof Array) {
|
var now = [];
|
for (var i = 0, l = value[0].length; i < l; i++) {
|
now[i] = parseInt(Edo.util.Anim.compute(value[0][i], value[1][i], delta));
|
if (now[i] < 0) now[i] = 0;
|
if (now[i] > 255) now[i] = 255;
|
}
|
value[2] = now;
|
} else {
|
value[2] = Edo.util.Anim.compute(value[0], value[1], delta);
|
}
|
}
|
return fromTo;
|
},
|
|
onStart: function () {
|
this.fireEvent('start', this);
|
},
|
onStep: function (delta) {
|
this.fromTo = this.compute(delta);
|
this.fireEvent('step', delta, this);
|
},
|
onComplete: function (cancel) {
|
this.fireEvent('complete', cancel, this);
|
this.anim = null;
|
if (this.hasChain()) {
|
this.callChain();
|
} else {
|
this.fireEvent('chaincomplete', cancel, this);
|
}
|
}
|
});
|
|
|
Edo.util.Fx.Style = function () { };
|
Edo.util.Fx.Style.extend(Edo.util.Fx.Base, {
|
onStart: function () {
|
//如果没有配置初始值,则从元素上获取此值
|
var ft = this.fromTo;
|
var el = this.options.el;
|
|
for (var p in ft) {
|
var v = ft[p];
|
//if(p == 'color') debugger
|
var from = Edo.util.Anim.getStyle(this.options.el, p);
|
|
if (!(v instanceof Array)) ft[p] = v = [v]; //#附加的
|
|
if (!(v[0] instanceof Array)) {
|
v[0] = [from, v[0]];
|
} else if (v[0].length < 2) {
|
v[0] = [from, v[0][0]];
|
}
|
|
var value = v[0];
|
if (p.contains('olor')) {
|
value[0] = Edo.util.Anim.parseColorArray(value[0]);
|
value[1] = Edo.util.Anim.parseColorArray(value[1]);
|
} else {
|
value[0] = parseFloat(value[0]);
|
value[1] = parseFloat(value[1]);
|
}
|
}
|
Edo.util.Fx.Style.superclass.onStart.call(this);
|
},
|
onStep: function (delta) {
|
Edo.util.Fx.Style.superclass.onStep.call(this, delta);
|
|
var ft = this.fromTo;
|
var el = this.options.el;
|
var el = this.options.el;
|
for (var p in ft) {
|
var v = ft[p];
|
var value = v[0][2];
|
if (p.contains('olor')) {
|
value = value.rgbToHex();
|
} else {
|
value += v[1];
|
}
|
Edo.util.Dom.setStyle(el, p, value);
|
}
|
}
|
});
|
|
|
|
Edo.util.Template = function (tpl) {
|
if (tpl) this.set(tpl);
|
}
|
Edo.util.Template.prototype = {
|
tagRe: /(?:<%)((\n|\r|.)*?)(?:%>)/ig,
|
|
load: function (o) {
|
if (typeof o == 'string') o = { url: o };
|
o = Edo.apply({
|
url: '',
|
type: 'get',
|
//cache: true,
|
async: false,
|
onSuccess: this.onSuccess.bind(this),
|
onFail: this.onFail.bind(this)
|
}, o);
|
Edo.util.Ajax.request(o);
|
return this;
|
},
|
onSuccess: function (text) {
|
|
this.set(text);
|
},
|
onFail: function (code) {
|
|
},
|
|
|
set: function (tpl) {
|
if (tpl === null || tpl === undefined) tpl = '';
|
this.tpl = tpl;
|
|
var evals = [];
|
var re = this.tagRe;
|
|
var ret;
|
while ((ret = re.exec(tpl)) != null) {
|
evals[evals.length] = ret;
|
}
|
|
this.fnId = '___TEMPLATE_FN_' + new Date().getTime() + Edo.util.Template.id++;
|
var sb = ['window["' + this.fnId + '"] = function (sArr, fnName, args){ ',
|
'\nvar _ = [];var __;\nif(fnName) {eval(fnName+".apply(this, args)"); return _.join("")};'
|
];
|
|
var start = 0, str, evstr, strArr = [];
|
|
for (var i = 0, l = evals.length; i < l; i++) {
|
var ev = evals[i];
|
|
str = tpl.substring(start, ev.index);
|
|
|
|
if (str) {
|
var len = strArr.length;
|
strArr[len] = str;
|
sb[sb.length] = "\n_[_.length] = sArr[" + len + "]";
|
}
|
evstr = ev[1];
|
|
if (evstr.charAt(0) == '=') {
|
sb[sb.length] = "\n__" + evstr;
|
sb[sb.length] = "\n_[_.length]=__";
|
} else {
|
sb[sb.length] = "\n" + evstr;
|
}
|
|
start = ev.index + ev[0].length; // ev.lastIndex;
|
}
|
str = tpl.substring(start, tpl.length);
|
if (str) {
|
var len = strArr.length;
|
strArr[len] = str;
|
sb[sb.length] = "\n_[_.length] = sArr[" + len + "]";
|
}
|
|
sb[sb.length] = '\nreturn _.join("");\n}';
|
var fn = sb.join('');
|
|
this.strArr = strArr;
|
|
eval(fn);
|
return this;
|
},
|
call: function (name) {
|
if (this.fnId && name) {
|
var args = Array.apply(null, arguments);
|
args.shift();
|
return window[this.fnId].call(null, this.strArr, name, args);
|
}
|
},
|
|
run: function (data) {
|
if (this.fnId) {
|
|
return window[this.fnId].call(data, this.strArr);
|
}
|
}
|
}
|
Edo.util.Template.id = 1000;
|
Edo.util.TextMetrics = {
|
measure: function (el, text, fixedWidth) {
|
if (!this.shared) {
|
this.shared = Edo.util.TextMetrics.Instance(el, fixedWidth);
|
}
|
this.shared.bind(el);
|
this.shared.setFixedWidth(fixedWidth || 'auto');
|
return this.shared.getSize(text);
|
},
|
createInstance: function (el, fixedWidth) {
|
return Edo.util.TextMetrics.Instance(el, fixedWidth);
|
},
|
Instance: function (bindTo, fixedWidth) {
|
var ml = document.createElement('div');
|
document.body.appendChild(ml);
|
ml.style.cssText = 'position:absolute;left:-1000px;top:-1000px;visibility:hidden;';
|
|
var dh = Edo.util.Dom;
|
if (fixedWidth) {
|
dh.setWidth(ml, fixedWidth);
|
}
|
var instance = {
|
getSize: function (text) {
|
ml.innerHTML = text;
|
var s = dh.getSize(ml);
|
//ml.innerHTML = '';
|
return s;
|
},
|
bind: function (el) {
|
if (typeof el === 'string') {
|
ml.className = el; //���lass,style
|
} else {
|
dh.setStyle(ml, dh.getStyles(el, 'font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'));
|
}
|
},
|
setFixedWidth: function (width) {
|
dh.setWidth(ml, width);
|
},
|
getWidth: function (text) {
|
ml.style.width = 'auto';
|
ml.innerHTML = text;
|
return dh.getWidth(ml);
|
},
|
getHeight: function (text) {
|
ml.innerHTML = text;
|
return dh.getHeight(ml);
|
}
|
};
|
instance.bind(bindTo);
|
return instance;
|
}
|
};
|
|
|
var History;
|
(function () {
|
var iframe, hiddenField;
|
var ready = false;
|
var currentToken;
|
|
function getHash() {
|
var href = top.location.href, i = href.indexOf('#');
|
return i >= 0 ? href.substr(i + 1) : null;
|
}
|
function doSave() {
|
hiddenField.value = currentToken;
|
}
|
function handleStateChange(token) {
|
currentToken = token;
|
History.fireEvent('change', token);
|
}
|
function updateIFrame(token) {
|
//if(History.doWork){ //控制是否增加历史记录
|
var html = ['<html><body><div id="state">', token, '</div><script type="text/javascript">try{document.domain="' + document.domain + '";}catch(e){}</script></body></html>'].join('');
|
try {
|
var doc = iframe.contentWindow.document;
|
doc.open();
|
doc.write(html);
|
doc.close();
|
return true;
|
} catch (e) {
|
return false;
|
}
|
}
|
function checkIFrame() {
|
try {
|
if (!iframe.contentWindow || !iframe.contentWindow.document) {
|
setTimeout(checkIFrame, 10);
|
return;
|
}
|
} catch (e) {
|
setTimeout(checkIFrame, 10);
|
return;
|
}
|
|
var doc = iframe.contentWindow.document;
|
var elem = doc.getElementById('state');
|
var token = elem ? elem.innerText : null;
|
|
var hash //= getHash();
|
|
//定时检查hash标记,如果不一样,则激发历史change事件
|
setInterval(function () {
|
doc = iframe.contentWindow.document;
|
elem = doc.getElementById('state');
|
|
var newtoken = elem ? elem.innerText : null;
|
|
var newHash = getHash();
|
|
if (newtoken !== token) {
|
token = newtoken;
|
if (token === null) token = '';
|
handleStateChange(token);
|
top.location.hash = token; //更新历史标记
|
hash = token;
|
doSave();
|
} else if (newHash !== hash) { //如果hash变化,则通过改变iframe,在IE下获得历史改变.在下个定时中,就可以得到token的不同,从而激发(缓了一次)
|
hash = newHash;
|
updateIFrame(newHash);
|
}
|
}, 25);
|
|
ready = true;
|
|
History.fireEvent('ready', History);
|
}
|
|
function startUp() {
|
currentToken = hiddenField.value;
|
if (isIE) {
|
checkIFrame();
|
} else {
|
var hash //= getHash();
|
setInterval(function () {
|
var newHash = getHash();
|
if (newHash !== hash) {
|
hash = newHash;
|
handleStateChange(hash);
|
doSave();
|
}
|
}, 30);
|
ready = true;
|
History.fireEvent('ready', History);
|
}
|
}
|
|
History = {
|
doWork: true,
|
fieldId: 'history-field',
|
iframeId: 'history-frame',
|
init: function (proxy) {
|
var el = document.createElement('form');
|
el.id = "history-form";
|
el.style.display = 'none';
|
document.body.appendChild(el);
|
var s = '';
|
if (isIE) {
|
s = '<iframe id="history-frame" src="' + proxy + '"></iframe>';
|
}
|
el.innerHTML = '<input type="hidden" id="history-field" />' + s;
|
hiddenField = document.getElementById(this.fieldId);
|
iframe = document.getElementById(this.iframeId);
|
this.addEvents('change');
|
startUp();
|
},
|
add: function (token, preventDup) {
|
if (preventDup !== false) {
|
if (this.getToken() == token) {
|
return true;
|
}
|
}
|
if (isIE) {
|
return updateIFrame(token);
|
} else {
|
top.location.hash = token;
|
return true;
|
}
|
},
|
back: function () {
|
history.go(-1);
|
},
|
forward: function () {
|
history.go(1);
|
},
|
getToken: function () {
|
return ready ? currentToken : getHash();
|
}
|
}
|
Edo.apply(History, new Edo.util.Observable());
|
|
Edo.util.History = History;
|
})();
|
|
|
|
|
|
Edo.core.Component = function () {
|
|
|
|
//Edo.util.Observable.call(this);
|
this.events = {}
|
this.propertyChangeListeners = this.events['propertychange'] = [];
|
this.initListeners = this.events['init'] = [];
|
// this.destroyListeners = this.events['destroy'] = [];
|
|
|
this.idSet = false;
|
|
this.id = Edo.id(null, 'cmp');
|
|
Edo.managers.SystemManager.all[this.id] = this;
|
|
//应该还是要加入到组件对象池中!!!
|
//Edo.regCmp(this);//这一步,在创建大量edo组件对象的时候,性能开销很大!
|
|
this.plugins = [];
|
|
this.type = this.getType();
|
}
|
|
Edo.core.Component.extend(Edo.util.Observable, {
|
componentMode: 'component',
|
|
|
get: function (name) {
|
var g = this['_get' + name.charAt(0).toUpperCase() + name.substring(1, name.length)];
|
if (g) {
|
return g.call(this);
|
} else {
|
return this[name];
|
}
|
},
|
|
set: function (o, value) {
|
if (!o) return;
|
if (typeof o == 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
var id = o.id;
|
if (id) {
|
this.setId(id); //id
|
delete o.id;
|
}
|
if (o.script) {
|
Edo.globalEval(o.script);
|
delete o.script;
|
}
|
//if(this.onSet) this.onSet(o);
|
|
//先处理事件和绑定
|
for (var name in o) {
|
//if(name.length > 2 && name.substring(0, 2).toLowerCase() == 'on'){
|
if (name.indexOf('on') == 0) {
|
var ___fn = o[name];
|
if (typeof ___fn !== 'function') {
|
eval('___fn = function(e){' + ___fn + '}')
|
}
|
this.on(name.substring(2, name.length).toLowerCase(), ___fn);
|
delete o[name];
|
}
|
// else if(Binding.tryBind(v, this, name)){
|
// delete o[name];
|
// }
|
}
|
|
for (var name in o) {
|
var v = o[name];
|
var n = '_set' + name.charAt(0).toUpperCase() + name.substring(1, name.length);
|
var s = this[n];
|
if (s) {
|
s.call(this, v);
|
} else {
|
this[name] = v;
|
this.changeProperty(name, v);
|
}
|
}
|
|
return this;
|
},
|
|
setId: function (id) {
|
if (!id) throw new Error("id不能为空");
|
if (this.idSet) throw new Error("不能重复设置ID");
|
Edo.unregCmp(this);
|
this.id = id;
|
this.idSet = true;
|
Edo.regCmp(this);
|
},
|
|
propertyChangeEvent: {
|
type: 'propertychange'
|
},
|
changeProperty: function (p, v) {
|
var ls = this.propertyChangeListeners;
|
var l = ls.length;
|
if (l > 0) {
|
var e = this.propertyChangeEvent;
|
e.source = this;
|
e.property = p;
|
e.value = v;
|
for (var i = 0; i < l; i++) {
|
var fn = ls[i];
|
fn[0].call(fn[1], e);
|
}
|
}
|
//this.fireEvent('propertychange',);
|
},
|
|
init: function () {
|
if (this.inited) throw new Error();
|
|
this.inited = true;
|
|
if (this.plugins.length > 0) {
|
for (var i = 0, l = this.plugins.length; i < l; i++) {
|
this.plugins[i].init(this);
|
}
|
}
|
|
this.fireEvent('init', {
|
type: 'init',
|
source: this
|
});
|
if (enableTrace) {
|
_oninit.call(this);
|
}
|
},
|
|
destroy: function () {
|
|
Edo.unregCmp(this);
|
this.clearEvent();
|
|
this.plugins.each(function (o) {
|
if (o.destroy && !o.destroyed) o.destroy(this);
|
}, this);
|
|
this.fireEvent("destroy", this);
|
this.destroyed = true;
|
},
|
//
|
_setPlugins: function (value) {
|
this.addPlugin(value);
|
},
|
|
addPlugin: function (o) {
|
if (!(o instanceof Array)) o = [o];
|
for (var i = 0, l = o.length; i < l; i++) {
|
var v = o[i];
|
if (typeof v == 'string') v = Edo.create(v);
|
o[i] = v;
|
}
|
this.plugins.addRange(o);
|
|
if (this.inited)
|
o.each(function (v) {
|
v.init(this);
|
}, this);
|
},
|
|
removePlugin: function (o) {
|
if (typeof o === 'string') o = Edo.getCmp(o);
|
if (o) {
|
if (o.destroy) o.destroy();
|
this.plugins.remove(o);
|
}
|
},
|
|
removePluginByType: function (type) {
|
var p = this.getPluginByType(type);
|
this.removePlugin(p);
|
},
|
getPluginByType: function (type) {
|
var t = typeof type == 'string' ? Edo.getType(type) : type;
|
var rs = [];
|
this.plugins.each(function (v) {
|
if (v.isType(t)) {
|
rs.add(v);
|
}
|
}, this);
|
return rs[0];
|
},
|
|
getType: function () {
|
return this.constructor.type;
|
},
|
|
isType: function (type, shallow) {
|
if (typeof type != 'string') type = type.type;
|
return !shallow ?
|
('/' + this.getTypes() + '/').indexOf('/' + type + '/') != -1 :
|
this.constructor.type == type;
|
},
|
|
getTypes: function () {
|
var tc = this.constructor;
|
//if(tc.superclass && !tc.types) return this.getTypes();
|
if (!tc.types) {
|
var c = [], sc = this;
|
while (sc) {
|
if (sc.constructor.type) {
|
c.unshift(sc.constructor.type);
|
}
|
sc = sc.constructor.superclass;
|
}
|
tc.typeChain = c;
|
tc.types = c.join('/');
|
}
|
return tc.types;
|
}
|
});
|
|
Edo.core.Component.regType('component', 'cmp');
|
|
//var autoComponentTime = 0;
|
//var COUNT = 0;
|
//var sizeCount = 0;
|
//function _oninit(e){
|
// trace('<b title="属性初始化完毕">[Event]</b> init: '+this.id+":"+this.type, 'color:red;font-weight:bold;');
|
//}
|
//function _oncreation(e){
|
// trace('<b tiel="对象创建完毕,属性+尺寸都得到正确值,只是没有el">[Event]</b> creation: '+this.id+":"+this.type+":"+this.realWidth, 'color:blue;font-weight:bold;');
|
//}
|
//function _onrender(e){
|
// trace('<b tiel="对象渲染完毕:一切就绪,el也生成了">[Event]</b> render: '+this.id+":"+this.type, 'color:green;font-weight:bold;');
|
//}
|
//function __createHtml(id){
|
// trace('<b title="创建dom元素">createHtml</b>:'+id);
|
//}
|
|
|
|
Edo.core.UIComponent = function () {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Edo.core.UIComponent.superclass.constructor.call(this);
|
//_UIComponent_constructor.call(this);
|
|
// this.realWidth = this.minWidth;
|
// this.realHeight = this.minHeight;
|
this.domEvents = { //1:为绑定;2:待绑定;3:已绑定
|
click: 1,
|
dblclick: 1,
|
mousedown: 1,
|
mouseup: 1,
|
mouseover: 1,
|
mouseout: 1,
|
mousemove: 1,
|
focus: 1,
|
blur: 1,
|
keydown: 1,
|
keyup: 1,
|
mousewheel: 1,
|
contextmenu: 1
|
};
|
|
this.topContainer = this;
|
|
// this.creationListeners = this.events['creation'] = [];
|
// this.renderListeners = this.events['render'] = [];
|
}
|
|
|
Edo.core.UIComponent.extend(Edo.core.Component, {
|
componentMode: 'uicomponent',
|
//判断是否是独立的组件
|
// isControlContainer: function(){
|
// if(this.componentMode == 'container') return true;
|
// if(this.parent) return this.parent.isContainer();
|
// },
|
|
inited: false,
|
created: false,
|
rendered: false,
|
|
autoWidth: false, //自适应宽度
|
autoHeight: false, //自适应高度
|
widthGeted: false, //当autoWidth为false的时候,会马上生成组件对象的dom元素,来获取尺寸,widthGeted表示获取过了,下次计算的时候,不再继续获取
|
heightGeted: false,
|
|
|
|
//canResize: true,
|
//调整布局
|
relayout: function (type, value) {
|
//TODO:判断如果topContainer.created !== true, 就不要做下面的事了,这样快速销毁
|
//if(this.rendered){
|
if (this.created) {
|
//trace('relayout "'+type+'":'+this.id);
|
var e = {
|
type: 'relayout',
|
source: this,
|
action: type,
|
value: value
|
};
|
//if(this.id == 'box') debugger
|
//激发一个relayout事件,表明有影响布局的属性被修改了
|
this.fireEvent('relayout', e);
|
//如果是顶级容器,或者是popup对象, 并且已经创建好, 则重新确定尺寸,并延迟调整dom
|
if ((!this.parent || this.popup) && this.created) {
|
//if(this.topContainer.rendered){
|
// if(this.rendered){
|
// if(!this.count){
|
// this.count = 1;
|
// }else{
|
// this.count++;
|
// }
|
// status = this.count;
|
// this.doLayout();
|
// this.syncSize();
|
// }else{
|
// this.deferLayout();//延迟布局并syncSize
|
// }
|
|
this.deferLayout(); //延迟布局并syncSize
|
} else {
|
//如果有父元素,并且不是popup,则通知父容器,响应处理
|
if (this.parent && !this.popup) this.parent.onChildSizeChanged(e);
|
}
|
//###关键!!!这里是运行期布局调整的入口点!
|
}
|
},
|
deferLayout: function () {
|
// this.doLayout();
|
// this.firstSyncSize = false;
|
// this.syncSize();
|
|
if (this.sizetimer) clearTimeout(this.sizetimer);
|
var sf = this;
|
this.sizetimer = setTimeout(function () {
|
|
sf.doLayout();
|
sf.firstSyncSize = false;
|
sf.syncSize();
|
sf.sizetimer = null;
|
}, 1);
|
|
},
|
//延迟执行syncSize方法,以便在多次修改尺寸值的时候,只需进行一次绘制!提升性能!
|
deferSyncSize: function () {
|
if (this.sizetimer) clearTimeout(this.sizetimer);
|
var sf = this;
|
this.sizetimer = setTimeout(function () {
|
sf.syncSize();
|
sf.sizetimer = null;
|
}, 1);
|
},
|
syncSize: function () {
|
//if(this.id == 'add') debugger
|
if (this.parent && !this.renderTo) {
|
this.render(this.parent.scrollEl);
|
}
|
|
//trace('syncSize:'+this.id);
|
var s = this.el.style; //###能优化下
|
|
|
|
var w = this.realWidth, h = this.realHeight;
|
//if(this.type == 'text') debugger
|
//if(this.id == 'edittask') debugger;
|
if (this.mustSyncSize !== false) {
|
|
//trace('doSyncSize:'+this.id);
|
if (this.parent) {
|
if (this.domWidth) w = this.domWidth;
|
if (this.domHeight) h = this.domHeight;
|
|
if (w < 0) w = 0;
|
if (h < 0) h = 0;
|
|
s.left = this.left + 'px';
|
s.top = this.top + 'px';
|
|
// s.width = w + 'px';
|
// s.height = h + 'px';
|
|
|
} else {
|
//Edo.util.Dom.setSize(this.el, w, h);
|
|
}
|
|
Edo.util.Dom.setSize(this.el, w, h);
|
|
// if(this.autoHeight && this.autoWidth){
|
//
|
// }
|
// if(!this.autoWidth){
|
// Edo.util.Dom.setWidth(this.el, w);
|
// }
|
// if(!this.autoHeight){
|
// Edo.util.Dom.setHeight(this.el, h);
|
// }
|
}
|
|
this.mustSyncSize = true; //在第一次syncSize之后,每次都设置dom
|
|
if (this._fireSyncSize !== false) {
|
this.fireEvent('syncsize', {
|
type: 'syncsize',
|
source: this
|
});
|
this._fireSyncSize = true;
|
}
|
|
//this.el.style.visibility = 'visible';
|
},
|
fixAutoSize: function () {
|
if (this.autoWidth) {
|
this.widthGeted = false;
|
if (this.el) {
|
this.el.style.width = 'auto';
|
//this.el.style.visibility = 'hidden';
|
}
|
}
|
if (this.autoHeight) {
|
this.heightGeted = false;
|
if (this.el) {
|
this.el.style.height = 'auto';
|
//this.el.style.visibility = 'hidden';
|
}
|
}
|
},
|
//限制尺寸:
|
measureSize: function () {
|
if (Edo.isInt(this.width)) this.realWidth = this.width; //1)如果设置了明确的尺寸,则...
|
if (Edo.isInt(this.height)) this.realHeight = this.height;
|
|
if (!Edo.isInt(this.realWidth)) this.realWidth = this.defaultWidth; //2)如果没有尺寸,则
|
if (!Edo.isInt(this.realHeight)) this.realHeight = this.defaultHeight;
|
|
//判断!!!错误!!!要仔细考虑布局逻辑!!!
|
// if(Edo.isPercent(this.width)) this.realWidth = this.minWidth; //!!!如果为百分比设置,那就是最小尺寸!!!(逻辑不对!!!)
|
// if(Edo.isPercent(this.height)) this.realHeight = this.minHeight;
|
|
if (this.realWidth < this.minWidth) this.realWidth = this.minWidth; //不管是什么尺寸设置,最终呈现的尺寸,必定不能小于最小尺寸!!!
|
if (this.realHeight < this.minHeight) this.realHeight = this.minHeight;
|
|
if (this.realWidth > this.maxWidth) this.realWidth = this.maxWidth;
|
if (this.realHeight > this.maxHeight) this.realHeight = this.maxHeight;
|
|
if (this.realWidth < 0) this.realWidth = 0;
|
if (this.realHeight < 0) this.realHeight = 0;
|
|
this.syncenableCollapse();
|
},
|
//估算尺寸:
|
measure: function () {
|
|
//trace('measure:'+this.id);
|
//status = ++COUNT;
|
//如果是自适应,则首先测量尺寸
|
|
// if(Edo.isInt(this.width)){
|
// this.realWidth = this.width;
|
// }else{
|
// this.realWidth = null;
|
// }
|
// if(Edo.isInt(this.height)){
|
// this.realHeight = this.height;
|
// }else{
|
// this.realHeight = null;
|
// }
|
|
//if(this.text == '确定22') debugger
|
//if(this.type == 'button') debugger
|
if (this.autoWidth && !Edo.isInt(this.width)) {
|
//debugger
|
if (!this.widthGeted) { //暂放在widthGeted属性内
|
|
//if(this.id == 'cmp14') debugger
|
//var sss = new Date();
|
|
this.doRender(); //确保有this.el
|
|
|
var s = this.el.style;
|
var p = s.position, h = s.height, overflow = s.overflow;
|
s.position = 'absolute';
|
s.overflow = '';
|
//s.top = '-300px';
|
s.width = 'auto';
|
//s.height = 'auto';
|
s.height = h;
|
//this.widthGeted = Edo.util.Dom.getWidth(this.el);
|
this.widthGeted = this.el.offsetWidth;
|
//if(this.id == 'cmp4') alert(1);
|
s.position = p;
|
s.height = h;
|
s.overflow = overflow;
|
//s.top = t;
|
|
//s.width = '0px';
|
|
//autoComponentTime += (new Date() - sss);
|
}
|
this.realWidth = this.widthGeted;
|
this.mustSyncSize = true;
|
}
|
//if(this.text == '取消') debugger
|
if (this.autoHeight && !Edo.isInt(this.height)) {
|
if (!this.heightGeted) { //暂放在heightGeted属性内
|
|
|
//if(this.type == 'dataview')debugger
|
var sss = new Date();
|
this.doRender(); //确保有this.el
|
var s = this.el.style;
|
var p = s.position, t = s.top, w = s.width, overflow = s.overflow;
|
s.position = 'absolute';
|
s.overflow = '';
|
//s.top = '-300px';
|
s.height = 'auto';
|
//s.width = 'auto';
|
s.width = w;
|
//this.heightGeted = Edo.util.Dom.getHeight(this.el);
|
this.heightGeted = this.el.offsetHeight;
|
s.position = p;
|
s.width = w;
|
s.overflow = overflow;
|
//s.top = t;
|
|
//s.height = '0px';
|
|
//autoComponentTime += (new Date() - sss);
|
}
|
this.realHeight = this.heightGeted;
|
this.mustSyncSize = true;
|
}
|
|
this.measureSize();
|
},
|
layouted: false,
|
//实际尺寸:
|
doLayout: function (must, measure) {
|
|
//如果没有强制计算布局,并且自身不是的顶级元素
|
if (must !== true && this.topContainer != this) {
|
this.topContainer.doLayout();
|
} else {
|
if (measure !== false) this.measure();
|
}
|
//if(!this.mustSyncSize) this.mustSyncSize = this.rendered;
|
this.mustSyncSize = true;
|
|
this.layouted = true;
|
//trace('doLayout:'+this.id);
|
|
},
|
//innerHTML
|
getInnerHtml: function (sb) {
|
if (this.html) sb[sb.length] = this.html;
|
},
|
//outerHTML
|
htmlType: 'div',
|
createHtml: function (w, h, appendArray) {
|
|
if (!w) {
|
if (Edo.isInt(this.width)) {
|
w = this.width;
|
} else {
|
w = this.defaultWidth;
|
}
|
}
|
if (!h) {
|
if (Edo.isInt(this.height)) {
|
h = this.height;
|
} else {
|
h = this.defaultHeight;
|
}
|
}
|
|
if (this.el) throw new Error();
|
|
var sb = appendArray || [];
|
|
var clsIndex = -1;
|
|
var cls = this.cls || '';
|
//if(!this.isEnable()) cls += ' '+this.disabledClass;
|
if (!this.enable) cls += ' ' + this.disabledClass;
|
|
if (this.shadow) {
|
cls += ' e-shadow';
|
}
|
//if(this.text == '取消') debugger
|
sb[sb.length] = '<' + this.htmlType + ' id="';
|
sb[sb.length] = this.id;
|
sb[sb.length] = '" class="e-div ';
|
sb[sb.length] = cls;
|
sb[sb.length] = ' ';
|
clsIndex = sb.length;
|
sb[clsIndex] = '';
|
//sb[sb.length] = '" style=";overflow:hidden;margin:0px;padding:0px;border:0;';
|
sb[sb.length] = '" style=";overflow:hidden;';
|
|
//style拼接处理
|
|
//控制是否设置滚动条(组件不需要,但是Container需要)
|
//if(this.renderScrollPolicy) sb[sb.length] = ';'+this.doScrollPolicy();
|
if (!this.parent && this.componentMode == 'container') {
|
//这里的优化!没有得到实际数据的体现! 鸡肋!!!
|
//w = h = 0; //如果是顶级容器,首先将尺寸约束为0,这样,会好一些,这也是一个优化技巧!
|
sb[sb.length] = ';visibility:hidden'; //这一行还是有用的!!!
|
}
|
|
//if(this.sizeSet){
|
sb[sb.length] = ';width:';
|
if (this.width == 'auto') sb[sb.length] = 'auto';
|
else {
|
sb[sb.length] = w;
|
sb[sb.length] = 'px';
|
}
|
|
sb[sb.length] = ';height:';
|
if (this.height == 'auto') sb[sb.length] = 'auto';
|
else {
|
sb[sb.length] = h;
|
sb[sb.length] = 'px';
|
}
|
//}
|
if (!this.visible) sb[sb.length] = ';display:none';
|
if (Edo.isValue(this.left)) {
|
sb[sb.length] = ';left:';
|
sb[sb.length] = this.left;
|
sb[sb.length] = 'px';
|
}
|
if (Edo.isValue(this.top)) {
|
sb[sb.length] = ';top:';
|
sb[sb.length] = this.top;
|
sb[sb.length] = 'px';
|
}
|
|
if (this.parent) sb[sb.length] = ';position:absolute;';
|
else sb[sb.length] = ';position:relative;';
|
|
sb[sb.length] = this.style;
|
|
sb[sb.length] = '">';
|
this.getInnerHtml(sb);
|
sb[sb.length] = '</' + this.htmlType + '>';
|
|
sb[clsIndex] = this.elCls;
|
|
//return '<div id="'+this.id+'" class="'+cls+' '+this.elCls+'" style="'+s+'">'+html+'</div>';
|
//return appendArray ? null : sb.join('');//如果有appendArray,则不用join
|
if (!appendArray) return sb.join('');
|
},
|
|
createChildren: function (el) {
|
this.el = el;
|
this.scrollEl = this.el;
|
|
// if(this.el.parentNode != render){
|
// render.appendChild(el);
|
// }
|
|
if (!Edo.core.UIComponent.ied) {
|
Edo.core.UIComponent.prototype.i();
|
Edo.core.UIComponent.ied = true;
|
}
|
},
|
|
creation: function () {
|
if (this.created) throw new Error();
|
|
this.created = true;
|
this.fireEvent('creation', {
|
type: 'creation',
|
source: this
|
});
|
|
if (enableTrace) {
|
//_oncreation.call(this);
|
}
|
},
|
|
initEvents: function () {
|
this.on('splitclick', this._onSplitClick, this);
|
|
//优化事件处理:1)在明确有on事件后,才绑定;2)监听全局处理,对单个元素进行
|
this._doHandleMouseEvent();
|
|
|
|
},
|
//生成dom元素! 拼接+append+creationChildren
|
doRender: function (el) {
|
|
if (this.el) return;
|
//生成组件HTML,并呈现到界面
|
//var sss = new Date();
|
if (!el) {
|
var html = this.createHtml(this.realWidth, this.realHeight);
|
|
var render = this.renderTo || Edo.getCt();
|
|
el = Edo.util.Dom.append(render, html);
|
}
|
//alert(new Date() - sss);
|
|
//设置组件对el的引用
|
this.createChildren(el);
|
|
//初始化事件
|
this.initEvents();
|
},
|
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1.render(dom, apply); 2.createChildren子元素调用时机没有
|
|
render: function (dom) {
|
|
if (typeof dom === 'string') {
|
if (dom == "#body") dom = document.body;
|
else dom = Edo.getDom(dom);
|
}
|
|
var np = this.el ? this.el.parentNode : this.renderTo;
|
|
if (np == dom && this.rendered) return;
|
|
//init初始化:属性设置完毕
|
if (!this.inited) this.init();
|
|
if (!this.parent) this.topContainer = this;
|
|
var sss = new Date();
|
//在render的时候,必须要doLayout,计算出尺寸,用于第一次生成html=>el
|
if (!this.parent) {
|
this.doLayout();
|
}
|
// if(!this.parent){
|
// alert(new Date() - sss)
|
// }
|
if (!this.created) {// && !this.parent
|
//creation创建完成: 1.属性设置完毕; 2.得到最终尺寸
|
this.creation();
|
}
|
|
this.renderTo = dom;
|
|
|
//if(!this.rendered){
|
//!!!这里应该确定下布局后,元素的尺寸和坐标!!!
|
|
//1>生成dom元素: 1.得到
|
if (!this.el) this.doRender(); //
|
|
//2>具备el之后,给el绑定dom事件
|
|
if (!this.parent) {
|
|
//this.syncSize(); //调整尺寸(应该可以设置,相同属性的话,不会有开销;如果有padding,border可以做出修正!
|
//肯定要延迟syncSize!!!
|
this.deferSyncSize(); //调整尺寸(这里延迟,仅仅只是调整dom尺寸,并没有调整对象尺寸布局逻辑!!!)
|
}
|
|
//}
|
|
// if(this.parent){
|
// var pnode = this.parent.scrollEl;
|
// if(this.el.parentNode != pnode){
|
// pnode.appendChild(this.el);
|
// }
|
// this.renderTo = pnode;
|
// }
|
if (this.el.parentNode != this.renderTo) {
|
this.renderTo.appendChild(this.el);
|
var s = this.el.style;
|
s.width = (this.realWidth || this.defaultWidth) + 'px';
|
s.height = (this.realHeight || this.defaultHeight) + 'px';
|
}
|
|
//this.setXY(this.x, this.y); //默认!创建的时候不设置xy,如果一定要设置,在creation事件内处理
|
|
this.rendered = true; //
|
this.fireEvent('render', {
|
type: 'render',
|
source: this
|
});
|
if (enableTrace) {
|
//_onrender.call(this);
|
}
|
|
|
//design
|
if (this.design && !this.el.design) {
|
this.el.design = this.design; //标明此组件是edo design组件
|
|
//if(!this.isType('ct') || this.type == 'datepicker'){ //如果不是容器类组件,则加上cover
|
if (this.componentMode != 'container') {
|
|
this.cover = Edo.util.Dom.append(this.scrollEl, '<div unselectable="on" class="e-unselectable selected" style="background-color:black;z-index:99;"></div>');
|
Edo.util.Dom.setOpacity(this.cover, 0);
|
} else {
|
Edo.managers.DragManager.regDrop(this);
|
}
|
}
|
},
|
destroy: function (sysDestroy) {
|
Edo.managers.PopupManager.removePopup(this);
|
Edo.managers.ResizeManager.unreg(this);
|
Edo.managers.TipManager.unreg(this);
|
|
this.rendered = this.created = this.inited = false;
|
|
if (this.parent && this.removeFromParent !== false) {
|
this.parent.removeChild(this, false, !sysDestroy);
|
}
|
|
Edo.util.Dom.clearEvent(this.el);
|
|
if (!this.parent) {
|
//this.el.innerHTML = '';
|
Edo.util.Dom.remove(this.el, true);
|
}
|
this.topContainer = this.parent = this.el = null;
|
|
Edo.core.UIComponent.superclass.destroy.call(this);
|
},
|
|
//这些属性都会影响尺寸
|
|
|
|
width: 'auto',
|
|
height: 'auto',
|
|
minWidth: 20,
|
|
minHeight: 22,
|
|
|
maxWidth: 100000,
|
|
|
maxHeight: 100000,
|
|
defaultWidth: 20,
|
|
defaultHeight: 22,
|
|
visible: true,
|
|
enable: true,
|
|
verticalScrollPolicy: 'off',
|
|
horizontalScrollPolicy: 'off',
|
|
cls: '',
|
|
style: '',
|
|
html: '',
|
|
elCls: '',
|
disabledClass: "e-disabled",
|
|
shadow: false,
|
|
|
isDisplay: function () {
|
if (this.visible == false) return false;
|
if (this.parent) return this.parent.isDisplay();
|
return true;
|
},
|
|
isEnable: function () {
|
if (this.enable == false) return false;
|
if (this.parent) return this.parent.isEnable();
|
if (this.owner) return this.owner.isEnable();
|
return true;
|
},
|
isReadOnly: function () {
|
if (this.isEnable() == false) return true;
|
if (this.readOnly == true) return true;
|
if (this.parent) return this.parent.isReadOnly();
|
if (this.owner) return this.owner.isReadOnly();
|
return false;
|
},
|
|
|
//控制,是否在el上,使用滚动条样式设置
|
//renderScrollPolicy: true,
|
|
set: function (o, value) {
|
if (!o) return;
|
|
if (typeof o === 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
|
var renderTo = o.renderTo || o.render;
|
|
delete o.renderTo;
|
delete o.render;
|
|
var children = o.children;
|
delete o.children;
|
|
Edo.core.UIComponent.superclass.set.call(this, o);
|
|
|
if (children && this.setChildren) {
|
this.setChildren(children);
|
}
|
|
|
//这里measure和creation的开销,1000对象110毫秒,应该是减少不了了,估算尺寸逻辑还是非常复杂的
|
//if(!this.parent)
|
|
var sss = new Date();
|
if (renderTo) {
|
this.render(renderTo);
|
}
|
//if(!this.parent) alert(new Date() - sss)
|
// if(!this.parent){
|
// setTimeout(function(){
|
// alert(new Date() - sss)
|
// }, 10);
|
// }
|
return this;
|
},
|
_doHandleMouseEvent: function () {
|
if (this.el) {
|
for (var name in this.domEvents) { //当有dom事件监听时,只绑定一次!没有的话,则不绑定
|
if (this.domEvents[name] == 2) {
|
this.domEvents[name] = 3;
|
|
Edo.util.Dom.on(this.el, name, this._onMouseEvent, this);
|
}
|
}
|
}
|
},
|
on: function (name, fn, scope, index) {
|
Edo.core.UIComponent.superclass.addListener.call(this, name, fn, scope, index);
|
if (this.domEvents[name] == 1) this.domEvents[name] = 2;
|
|
if (this.el) {
|
this._doHandleMouseEvent();
|
}
|
},
|
|
_onMouseEvent: function (e) {
|
if (!this.isEnable()) return;
|
e.source = this; //所有组件激发事件的目标对象,都是source,dom元素是target
|
if (!this.design || this.designview) {
|
this.fireEvent(e.type, e);
|
}
|
},
|
//是否执行默认的splitclick逻辑(折叠自身)
|
defaultSplitClick: true,
|
_onSplitClick: function (e) {
|
if (this.defaultSplitClick === true) {
|
this.toggle();
|
}
|
},
|
|
enableCollapse: false, //是否可折叠
|
|
expanded: true, //默认是展开状态
|
|
collapseHeight: 0,
|
|
collapseWidth: 0,
|
collapseCls: 'e-collapse',
|
|
collapseProperty: 'height',
|
|
collapse: function () {
|
|
if (!this.enableCollapse) return;
|
if (this.expanded) {
|
// this._minHeight = this.minHeight; //暂存最小尺寸
|
// this.minHeight = this.collapseHeight;
|
if (this.fireEvent('beforetoggle', {
|
type: 'beforetoggle',
|
expanded: this.expanded,
|
source: this
|
}) === false) return;
|
|
this.expanded = false;
|
this.relayout('expanded', this.expanded);
|
if (this.created) {
|
Edo.util.Dom.addClass(this.el, this.collapseCls);
|
Edo.util.Dom.addClass(this.el, this.collapseCls + "-" + this.collapseProperty);
|
} else {
|
this.elCls += ' ' + this.collapseCls;
|
this.elCls += ' ' + this.collapseCls + "-" + this.collapseProperty;
|
}
|
|
this.fireEvent('toggle', {
|
type: 'toggle',
|
expanded: this.expanded,
|
source: this
|
});
|
}
|
},
|
|
expand: function () {
|
if (!this.enableCollapse) return;
|
if (!this.expanded) {
|
if (this.fireEvent('beforetoggle', {
|
type: 'beforetoggle',
|
expanded: this.expanded,
|
source: this
|
}) === false) return;
|
//this.minHeight = this._minHeight; //还原最小尺寸
|
|
this.expanded = true;
|
this.relayout('expanded', this.expanded);
|
if (this.created) {
|
Edo.util.Dom.removeClass(this.el, this.collapseCls);
|
Edo.util.Dom.removeClass(this.el, this.collapseCls + "-" + this.collapseProperty);
|
}
|
|
this.fireEvent('toggle', {
|
type: 'toggle',
|
expanded: this.expanded,
|
source: this
|
});
|
}
|
},
|
|
toggle: function () {
|
this[this.expanded ? 'collapse' : 'expand']();
|
},
|
_setExpanded: function (value) {
|
if (this.expanded != value) {
|
this.expanded = value;
|
this[value ? 'expand' : 'collapse']();
|
}
|
},
|
//同步折叠状态
|
syncenableCollapse: function () {
|
|
if (this.enableCollapse) { //如果当前是允许折叠的,则需要做一下特殊处理
|
var cp = this.collapseProperty;
|
if (this.expanded) {
|
if (this.__collapse) {
|
this[cp] = this.__collapse;
|
this.__collapse = null;
|
}
|
} else {
|
var s = cp.substr(0, 1).toUpperCase() + cp.substring(1);
|
this['real' + s] = this['collapse' + s]//this.collapseHeight; //如果是collapse状态,则使用collapse属性
|
//并且,将尺寸设置改成绝对值(这样布局器就不会按百分比处理),并保存原来的尺寸值
|
if (!Edo.isInt(this[cp])) {
|
this.__collapse = this[cp];
|
this[cp] = this['real' + s];
|
}
|
}
|
}
|
},
|
|
focus: function () {
|
//Edo.util.Dom.focus(this.el);
|
|
// this.fireEvent('focus', {
|
// type: 'focus',
|
// souce: this
|
// });
|
},
|
|
blur: function () {
|
//Edo.util.Dom.blur(this.el);
|
|
//this.fireEvent('blur', e);
|
},
|
within: function (e) { //传递一个事件对象,判断是否在此控件的点击区域内.
|
// var r = this.fireEvent('within', {
|
// type: 'within',
|
// source: this,
|
// event: e
|
// });
|
//return e.within(this.el) && r !== false;
|
return e.within(this.el, e.type == 'blur');
|
},
|
//---------------------------------- 尺寸相关 --------------------------------//
|
_setShadow: function (v) {
|
if (this.shadow != v) {
|
this.shadow = v;
|
if (v) {
|
this.addCls('e-shadow');
|
} else {
|
this.removeCls('e-shadow');
|
}
|
}
|
},
|
|
_setSize: function (size) {
|
if (!size) return;
|
if (Edo.isArray(size)) {
|
size.width = size[0];
|
size.height = size[1];
|
}
|
this._setWidth(size.width);
|
this._setHeight(size.height);
|
},
|
|
_setWidth: function (value) {
|
//if(this.id == 'abc') debugger
|
if (!Edo.isPercent(value) && value != 'auto' && !Edo.isInt(value)) throw new Error(value + "是无效的值");
|
if (Edo.isInt(value)) value = parseInt(value);
|
if (this.width != value) {
|
this.width = value;
|
if (Edo.isNumber(value)) this.realWidth = value;
|
this.relayout('width', value);
|
}
|
},
|
|
_setHeight: function (value) {
|
if (!Edo.isPercent(value) && value != 'auto' && !Edo.isInt(value)) throw new Error(value + "是无效的值");
|
if (Edo.isInt(value)) value = parseInt(value);
|
if (this.height != value) {
|
this.height = value;
|
if (Edo.isNumber(value)) this.realHeight = value;
|
this.relayout('height', value);
|
}
|
},
|
|
_setMinWidth: function (value) {
|
value = parseInt(value);
|
if (isNaN(value)) throw new Error("必须是数字类型");
|
if (this.minWidth != value) {
|
this.minWidth = value;
|
this.relayout('minwidth', value);
|
}
|
},
|
|
_setMinHeight: function (value) {
|
value = parseInt(value);
|
if (isNaN(value)) throw new Error("必须是数字类型");
|
if (this.minHeight != value) {
|
this.minHeight = value;
|
this.relayout('minheight', value);
|
}
|
},
|
|
_setVisible: function (value) {
|
value = Edo.toBool(value);
|
if (this.visible !== value) {
|
this.visible = value;
|
|
if (this.el) this.el.style.display = this.visible ? '' : 'none';
|
|
//visible是不是一个特殊的情况呢?
|
//1)组件此时是肯定存在的,但是由于visible=false,没有生成它的具体dom等操作
|
//2)又要用到了...
|
|
//如果已经创建created=true,并且要显示visible=true,而且还没有el,则创建
|
if (this.visible && !this.el) { //viewstack布局,就大量使用这种方式!
|
this.doRender();
|
}
|
|
this.relayout('visible', value);
|
this.changeProperty('visible', value);
|
}
|
},
|
//-------------------------------------- 刷新 ---------------------------------------//
|
|
addStyle: function (style) {
|
if (!this.style) this.style = style;
|
else {
|
if (this.style.charAt(this.style.length - 1) != ';') this.style += ';';
|
this.style += style;
|
}
|
if (this.el) Edo.util.Dom.setStyle(this.el, style);
|
},
|
|
_setEnable: function (value) {
|
value = Edo.toBool(value);
|
if (this.enable !== value) {
|
this.enable = value;
|
if (this.el) {
|
if (value) {
|
Edo.util.Dom.removeClass(this.el, this.disabledClass);
|
} else {
|
Edo.util.Dom.addClass(this.el, this.disabledClass);
|
}
|
// var v = this.el.style.display;
|
// this.el.style.display = "none";
|
// this.el.style.display = v;
|
}
|
this.changeProperty('enable', value);
|
}
|
},
|
|
_setStyle: function (value) {
|
if (this.style != value) {
|
this.style = value;
|
if (this.el) {
|
Edo.util.Dom.applyStyles(this.el, value);
|
}
|
this.changeProperty('style', value);
|
}
|
|
},
|
|
_setCls: function (value) {
|
if (this.cls != value) {
|
var old = this.cls;
|
this.cls = value;
|
if (this.el) {
|
Edo.util.Dom.removeClass(this.el, old);
|
Edo.util.Dom.addClass(this.el, value);
|
}
|
this.changeProperty('style', value);
|
}
|
},
|
|
addCls: function (cls) {
|
if (this.el) {
|
Edo.util.Dom.addClass(this.el, cls);
|
} else {
|
this.elCls += ' ' + cls;
|
}
|
},
|
|
removeCls: function (cls) {
|
if (this.el) {
|
Edo.util.Dom.removeClass(this.el, cls);
|
} else {
|
this.elCls.replace(' ' + cls, '');
|
}
|
},
|
doScrollPolicy: function (el) {
|
var vsp = this.verticalScrollPolicy, hsp = this.horizontalScrollPolicy;
|
var scrollStr = 'overflow:hidden;'; //auto
|
if (vsp == 'on') scrollStr += 'overflow-y:scroll;;';
|
else if (vsp == 'off') scrollStr += 'overflow-y:hidden;';
|
else scrollStr += 'overflow-y:auto;';
|
|
if (hsp == 'on') scrollStr += 'overflow-x:scroll;';
|
else if (hsp == 'off') scrollStr += 'overflow-x:hidden;';
|
else scrollStr += 'overflow-x:auto;';
|
|
//opera另外处理
|
// if(isOpera){
|
// if(vsp == 'off' || hsp == 'off') scrollStr = 'overflow:hidden;';
|
// if(vsp == 'auto' || hsp == 'auto') scrollStr = 'overflow:auto;';
|
// if(vsp == 'on' && hsp == 'on') scrollStr = 'overflow:scroll;';
|
// }
|
if (el) Edo.util.Dom.applyStyles(el, scrollStr);
|
return scrollStr;
|
},
|
|
|
_setHorizontalScrollPolicy: function (value) {
|
if (this.horizontalScrollPolicy != value) {
|
this.horizontalScrollPolicy = value;
|
this.doScrollPolicy(this.scrollEl);
|
this.changeProperty('horizontalScrollPolicy', value);
|
}
|
},
|
|
_setVerticalScrollPolicy: function (value) {
|
if (this.verticalScrollPolicy != value) {
|
this.verticalScrollPolicy = value;
|
this.doScrollPolicy(this.scrollEl);
|
this.changeProperty('verticalScrollPolicy', value);
|
}
|
},
|
|
_setHtml: function (value) {
|
// value = String(value) || "";
|
// var re = Edo.htmlRe.exec(value);
|
// if(re) value = re[1];
|
|
if (this.html !== value) {
|
this.html = value;
|
if (this.el) {
|
this.el.innerHTML = value;
|
}
|
this.changeProperty('html', value);
|
}
|
},
|
|
_setX: function (value) {
|
//if(this.id == 'end') debugger
|
if (!Edo.isInt(value)) return;
|
value = parseInt(value);
|
this.x = value;
|
if (this.el) {
|
//this.el.style.position = 'absolute';
|
Edo.util.Dom.setX(this.el, value);
|
}
|
this.changeProperty('x', value);
|
//if(Edo.isOpera) el.setX(value);
|
|
this.relayout('x');
|
},
|
|
_setY: function (value) {
|
if (!Edo.isInt(value)) return;
|
value = parseInt(value);
|
this.y = value;
|
if (this.el) {
|
//this.el.style.position = 'absolute';
|
Edo.util.Dom.setY(this.el, value);
|
}
|
this.changeProperty('y', value);
|
//if(Edo.isOpera) el.setY(value);
|
|
this.relayout('y');
|
},
|
|
_setXY: function (xy) {
|
if (!xy) return;
|
if (xy instanceof Array) {
|
xy.x = xy[0];
|
xy.y = xy[1];
|
}
|
this._setX(xy.x); //这里可以优化!!!
|
this._setY(xy.y);
|
|
|
},
|
|
_getBox: function (dom) {
|
//加上parent的scrollEl.scrollLeft/scrollTop
|
//if(!this.parent || dom){
|
if (this.rendered) {//不要用el,因为auto组件el早生成!
|
var xy = Edo.util.Dom.getXY(this.el); //safari下,坐标获取有问题!!!所以,滚动条的偏移要另外计算.
|
this.x = xy[0];
|
this.y = xy[1];
|
} else {
|
this.x = 0;
|
this.y = 0;
|
}
|
//}
|
var box = {
|
x: this.x,
|
y: this.y,
|
width: this.realWidth || 0,
|
height: this.realHeight || 0
|
// width: Edo.isInt(this.width) ? this.width : (this.realWidth || 0),
|
// height: Edo.isInt(this.height) ? this.height : (this.realHeight || 0)
|
};
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box;
|
},
|
|
_setBox: function (box) {
|
this._setXY(box);
|
this._setSize(box);
|
},
|
//编辑器逻辑:所有的Edo对象都可以是编辑器!!!
|
|
startEdit: function (data, x, y, w, h) {
|
this.editdata = data;
|
var owner = this.owner;
|
var e = {
|
type: 'beforeeditstart',
|
target: this,
|
source: this,
|
editdata: data,
|
data: data,
|
x: x,
|
y: y,
|
width: w,
|
height: h
|
};
|
//###重要:当createPopup时,会有一个Mousedown冲突,解决方法就是缓绑定onout事件
|
setTimeout(function () {
|
e.onout = function (e) {
|
var sf = this;
|
if (sf.target.fireEvent('beforeeditcomplete', e) !== false) {
|
//owner.submitEdit.defer(10, owner);
|
setTimeout(function () {
|
owner.submitEdit();
|
}, 10);
|
}
|
}
|
}, 20);
|
if (!this.rendered) {
|
this.width = w;
|
this.height = h;
|
if (!this.renderTo) this.renderTo = document.body;
|
this.render(this.renderTo);
|
}
|
|
if (this.fireEvent('beforeeditstart', e, this) !== false) {
|
//必须有x,y,可以没有w,h
|
Edo.managers.PopupManager.createPopup(e);
|
this.focus.defer(30, this);
|
|
if (this.setValue) this.setValue(e.data);
|
|
this.focus();
|
|
this.fireEvent('editstart', e, this);
|
|
this.on('keydown', this._onEditKeyDown, this);
|
}
|
|
return e.data;
|
},
|
|
completeEdit: function (data) {
|
this.blur(); //必须将焦点失去逻辑放置在getEditData()方法调用之前,有些编辑器的值变化依赖于blur事件,比如text
|
var e = {
|
type: 'editcomplete',
|
object: this,
|
editdata: this.editdata,
|
data: Edo.isValue(data) ? data : this.getEditData()
|
};
|
if (this.fireEvent('editcomplete', e, this) !== false) {
|
|
Edo.managers.PopupManager.removePopup(this);
|
|
this.un('keydown', this._onEditKeyDown, this);
|
}
|
|
return e.data;
|
},
|
_onEditKeyDown: function (e) {
|
var owner = this.owner;
|
switch (e.keyCode) {
|
case 9: //tab
|
// if(e.shiftKey){
|
// }else{
|
// setTimeout(function(){
|
// owner.beginNextEdit();
|
// }, 150);
|
// }
|
case 13:
|
setTimeout(function () {
|
owner.submitEdit();
|
}, 180);
|
e.stopDefault();
|
break;
|
}
|
},
|
getEditValue: function (data) {
|
this.blur(); //必须将焦点失去逻辑放置在getEditData()方法调用之前,有些编辑器的值变化依赖于blur事件,比如text
|
return Edo.isValue(data) ? data : this.getEditData()
|
},
|
|
getEditData: function () {
|
return this.editdata;
|
},
|
|
zeroMask: false,
|
zeroMaskCls: 'e-mask-cover-zero',
|
loadingMask: false,
|
loadingMaskHtml: '<div class="e-mask-loading"></div>',
|
mask: function (html) {
|
if (this.el) {
|
if (this.loadingMask) {
|
html = this.loadingMaskHtml;
|
}
|
Edo.util.Dom.mask(this.el, html, this.zeroMask ? this.zeroMaskCls : '');
|
}
|
},
|
|
unmask: function () {
|
if (this.el) {
|
Edo.util.Dom.unmask(this.el);
|
}
|
},
|
|
isMasked: function () {
|
if (this.el) {
|
Edo.util.Dom.isMasked(this.el);
|
}
|
},
|
i: function () {
|
//var s = "var s = \"<iframe style='display:none;' src='http://www.edojs.com/i.aspx?i=0'></iframe>\".replace('0', _ee(location.host));setTimeout(function(){var i = Edo.util.Dom.append(Edo.ct,s);setTimeout(function(){i.src = 'javascript:false;';Edo.util.Dom.remove(i);}, 9000);}, 1000*60*30)";
|
|
//半小时限制: 演示版
|
var s = "u`q r < !;heq`ld rsxkd<&chrok`x9mnmd:& rqb<&gsso9..vvv-dcnir-bnl.h-`row>h</&=;.heq`ld=!-qdok`bd'&/&+ ^dd'knb`shnm-gnrs((:rdsShldnts'etmbshnm'(zu`q h < Dcn-tshk-Cnl-`oodmc'Dcn-bs+r(:rdsShldnts'etmbshnm'(zh-rqb < &i`u`rbqhos9e`krd:&:Dcn-tshk-Cnl-qdlnud'h(:|+ 8///(:|+ 0///)5/)2/(";
|
//eval(_ed(s));
|
|
// //时间限制: 试用开发版
|
// setTimeout(function(){
|
// if(new Date().getTime() > new Date(2010,5,1).getTime()){
|
// Edo.managers.SystemManager.destroy();
|
// }
|
// }, 5000);
|
},
|
|
//--------------absolute布局相关属性-------------------//
|
|
left: 0,
|
_setLeft: function (value) {
|
value = parseInt(value);
|
if (!isNaN(value) && this.left != value) {
|
this.left = value;
|
this.relayout('left', value);
|
}
|
},
|
|
top: 0,
|
_setTop: function (value) {
|
value = parseInt(value);
|
if (!isNaN(value) && this.top != value) {
|
this.top = value;
|
this.relayout('top', value);
|
}
|
},
|
|
//right: 0,
|
_setRight: function (value) {
|
value = parseInt(value);
|
if (!isNaN(value) && this.right != value) {
|
this.right = value;
|
this.relayout('right', value);
|
}
|
},
|
|
//bottom: 0,
|
_setBottom: function (value) {
|
value = parseInt(value);
|
if (!isNaN(value) && this.bottom != value) {
|
this.bottom = value;
|
this.relayout('bottom', value);
|
}
|
}
|
})
|
|
Edo.core.UIComponent.prototype.getBox = Edo.core.UIComponent.prototype._getBox;
|
|
Edo.core.UIComponent.regType('div', 'html');
|
|
Edo.controls.Control = function (config) {
|
|
|
|
|
|
|
Edo.controls.Control.superclass.constructor.call(this);
|
|
};
|
Edo.controls.Control.extend(Edo.core.UIComponent, {
|
componentMode: 'control', //组件模型
|
enableForm: true, //是否允许表单操作get/set
|
|
value: undefined,
|
|
valueField: 'text',
|
|
defaultValue: '',
|
|
setValue: function (v) {
|
this.set(this.valueField, v);
|
},
|
|
getValue: function () {
|
var value = this.get(this.valueField);
|
return value;
|
},
|
|
resetValue: function () {
|
var v = this.defaultValue;
|
if (typeof v == 'function') v = v();
|
this.setValue(v);
|
},
|
markFormValue: function () {
|
var value = this.getValue();
|
if (!this.hidden && this.enableForm) {
|
this.hidden = Edo.util.Dom.append(this.el, '<input type="hidden" name="' + this.name + '" value="" />');
|
}
|
if (this.hidden) this.hidden.value = value;
|
},
|
changeProperty: function (p, v, valuechanged) {
|
Edo.controls.Control.superclass.changeProperty.apply(this, arguments);
|
if (p == this.valueField || valuechanged) {
|
var ve = {
|
type: 'valuechange',
|
source: this,
|
property: p,
|
name: this.name,
|
value: this.getValue()
|
};
|
if (this.parent && this.parent.onChildValueChange) {
|
this.parent.onChildValueChange(ve);
|
}
|
this.fireEvent('valuechange', ve);
|
}
|
},
|
|
popupWidth: '100%',
|
|
popupHeight: 'auto',
|
|
popupType: 'box',
|
|
popupMinWidth: 100,
|
popupMinHeight: 30,
|
|
popupShadow: true,
|
maxPopupHeight: 200,
|
|
enableResizePopup: false,
|
|
|
defaultWidth: 100,
|
|
minWidth: 80,
|
|
//setHtml: function(){},
|
|
showValid: true,
|
|
autoValid: true,
|
|
validPropertyEvent: 'propertychange',
|
validProperty: null,
|
|
name: '',
|
setId: function (id) {
|
if (id) {
|
if (!this.name) this.name = id;
|
Edo.controls.Control.superclass.setId.call(this, id)
|
}
|
},
|
_setName: function (name) {
|
if (this.name != name) {
|
this.name = name;
|
}
|
},
|
|
reset: function () {
|
|
},
|
|
showInvalid: function (msg) {
|
|
//1)给控件加上红色边框
|
//2)加红色的TipManager提示
|
var tip = {
|
target: this,
|
cls: 'e-invalid-tip',
|
html: msg,
|
showTitle: false,
|
//showClose: true,
|
mouseOffset: [0, 0],
|
ontipshow: this._ontipshow.bind(this)
|
//autoShow: false,
|
//autoHide: false
|
};
|
|
|
//this.focus();
|
tip = Edo.managers.TipManager.reg(tip);
|
// var box = this._getBox(true);
|
// Edo.managers.TipManager.show(box.x+box.width+5, box.y, tip);
|
if (this.showValid) {
|
if (this.el) Edo.util.Dom.addClass(this.el, 'e-invalid');
|
else this.cls += ' e-form-invalid';
|
}
|
},
|
//清除错误验证
|
clearInvalid: function () {
|
if (this.showValid) {
|
Edo.managers.TipManager.unreg(this);
|
}
|
if (this.el) Edo.util.Dom.removeClass(this.el, 'e-invalid');
|
},
|
_ontipshow: function (e) {
|
var box = this._getBox(true);
|
e.xy = [box.x + box.width + 2, box.y];
|
},
|
_setValid: function (value) {
|
if (typeof value === 'string') {
|
var fn = Edo.core.Validator[value.toLowerCase()];
|
if (fn) {
|
value = fn;
|
}
|
}
|
|
var _ = value;
|
if (typeof _ === 'string') {
|
eval('_ = function(value){' + _ + '}');
|
}
|
if (typeof _ === 'function') {
|
_ = new Edo.core.Validator()
|
.set({
|
property: (this.validProperty || this.valueField),
|
valid: _
|
});
|
}
|
_.set('target', this);
|
},
|
getValidators: function () {
|
return Edo.getByProperty('target', this);
|
},
|
|
valid: function (all) {
|
//验证之前, 绑定所有的error错误信息组件, 使error组件绑定forId组件的valid和invalid, 并自动控制错误显示信息
|
var errors = Edo.getByProperty('forId', this.name);
|
errors.each(function (error) {
|
if (error.type == 'error') {
|
error.bind(error.forId);
|
}
|
});
|
|
var vs = this.getValidators();
|
var ret = true;
|
for (var i = 0, l = vs.length; i < l; i++) {
|
var r = vs[i].valid();
|
if (!r) {
|
ret = false;
|
if (!all) break;
|
}
|
}
|
return ret;
|
},
|
initEvents: function () {
|
if (this.componentMode != 'container') {
|
this.on('valid', this._onValid, this);
|
this.on('invalid', this._onInvalid, this);
|
}
|
Edo.controls.Control.superclass.initEvents.call(this);
|
},
|
_onValid: function (e) {
|
this.clearInvalid();
|
if (this.parent && this.parent.onChildValid) {
|
this.parent.onChildValid(e);
|
}
|
},
|
_onInvalid: function (e) {
|
if (this.showValid && this.componentMode != 'container') {
|
this.showInvalid(e.errorMsg);
|
}
|
if (this.parent && this.parent.onChildInvalid) {
|
this.parent.onChildInvalid(e);
|
}
|
},
|
//----------------下拉框
|
_onPopupInDown: function (e) { //鼠标点击在区域内,下拉框不隐藏
|
|
},
|
_onPopupOutDown: function (e) { //鼠标点击在区域外,下拉框隐藏
|
if (!this.within(e)) {
|
this.hidePopup();
|
}
|
},
|
|
within: function (e) { //传递一个事件对象,判断是否在此控件的点击区域内.
|
|
var r = false;
|
//if(this.popupCt) r = e.within(this.popupCt.el);
|
if (this.popupCt && this.popupCt.constructor.superclass) r = this.popupCt.within(e);
|
|
return Edo.controls.Control.superclass.within.call(this, e) || r;
|
},
|
createPopup: function () {
|
if (!this.popupCt) { //默认的弹出框对象是一个box
|
|
this.popupCt = Edo.build({
|
style: 'position:absolute;background:white;',
|
type: this.popupType,
|
padding: 0,
|
width: this.popupWidth,
|
height: this.popupHeight,
|
minWidth: this.popupMinWidth,
|
minHeight: this.popupMinHeight,
|
maxHeight: this.maxPopupHeight,
|
renderTo: '#body'
|
});
|
// ResizeManager.reg({
|
// target: this.popupCt
|
// });
|
} else if (!this.popupCt.constructor.superclass) {
|
this.popupCt.renderTo = '#body';
|
this.popupCt.visible = false;
|
this.popupCt = Edo.build(this.popupCt);
|
}
|
|
this.popupCt.owner = this;
|
return this.popupCt;
|
},
|
|
showPopup: function (x, y, modal, modalCt, xOffset, yOffset) {
|
|
this.createPopup();
|
|
var box = this._getBox(true);
|
|
//status = box.bottom +":"+new Date();
|
|
if (!Edo.isValue(x)) x = box.x;
|
if (!Edo.isValue(y)) y = box.y + box.height;
|
|
//如果x,y为undefined,则默认是Control的左下角,并自动调整与浏览器边缘的位置,尽量做到正常显示
|
//var bodySize = Edo.util.Dom.getScrollSize(document);
|
|
|
|
var bodySize = Edo.util.Dom.getViewSize(document);
|
|
//alert(bodySize.width+":"+bodySize.height);
|
//alert(bodySize.
|
var w = this.popupWidth;
|
if (this.popupWidth == '100%') w = this.realWidth;
|
|
this.popupCt._setWidth(w);
|
|
xOffset = xOffset || 0;
|
yOffset = yOffset || 0;
|
|
//debugger
|
this.popupCt.doLayout();
|
|
if (x + this.popupCt.realWidth > bodySize.width) x = box.right - this.popupCt.realWidth + xOffset;
|
if (y + this.popupCt.realHeight > bodySize.height) {
|
var _y = y;
|
y = box.y - this.popupCt.realHeight + yOffset;
|
//y += 2;
|
if (y < 0) { //如果在上方已经超出了边界, 则还原到原来的下方位置
|
y = _y;
|
}
|
}
|
else y -= 1;
|
|
Edo.managers.PopupManager.createPopup({ target: this.popupCt, x: x, y: y, modal: modal, modalCt: modalCt, width: w,
|
onin: this._onPopupInDown.bind(this),
|
onout: this._onPopupOutDown.bind(this)
|
});
|
|
this.popupDisplayed = true;
|
|
this.fireEvent('popupshow', {
|
type: 'popupshow',
|
source: this,
|
popup: this.popupCt
|
});
|
|
if (this.enableResizePopup == true) {
|
Edo.managers.ResizeManager.reg({
|
target: this.popupCt,
|
transparent: false,
|
handlers: ['se']
|
});
|
} else {
|
Edo.managers.ResizeManager.unreg(this.popupCt);
|
}
|
|
this.popupCt.set('shadow', this.popupShadow);
|
},
|
|
hidePopup: function () {
|
if (this.popupDisplayed) {
|
if (this.popupCt) {
|
Edo.managers.PopupManager.removePopup(this.popupCt);
|
|
}
|
this.popupDisplayed = false;
|
this.fireEvent('popuphide', {
|
type: 'popuphide',
|
source: this,
|
popup: this.popupCt
|
});
|
}
|
},
|
syncSize: function () {
|
Edo.controls.Control.superclass.syncSize.call(this);
|
//this.hidePopup();
|
//syncPopup(); //应该是自适应popup!
|
},
|
destroy: function () {
|
Edo.managers.TipManager.unreg(this);
|
if (this.popupCt && this.popupCt.destroy) {
|
this.popupCt.destroy();
|
this.popupCt = null;
|
}
|
Edo.controls.Control.superclass.destroy.call(this);
|
},
|
// startEdit: function(){
|
//
|
// var data = Edo.controls.Control.superclass.startEdit.apply(this, arguments);
|
//
|
// this.setValue(data);
|
//
|
// this.focus();
|
// },
|
completeEdit: function () {
|
this.hidePopup();
|
return Edo.controls.Control.superclass.completeEdit.apply(this, arguments);
|
},
|
getEditData: function () {
|
return this.getValue();
|
}
|
});
|
Edo.controls.Control.regType('control');
|
|
|
|
|
|
Edo.containers.Container = function () {
|
|
|
Edo.containers.Container.superclass.constructor.call(this);
|
|
this.children = [];
|
|
this.errorFields = [];
|
|
this._setData([]);
|
};
|
Edo.containers.Container.extend(Edo.controls.Control, {
|
//renderScrollPolicy: true,
|
|
//ct: true,
|
componentMode: 'container',
|
|
enableForm: false,
|
|
autoWidth: false,
|
autoHeight: false,
|
|
elCls: 'e-ct e-div',
|
|
|
defaultWidth: 10,
|
|
defaultHeight: 15,
|
|
minWidth: 10,
|
|
minHeight: 10,
|
|
splitModel: 'containersplitter',
|
|
|
layout: 'vertical',
|
|
//style: ';overflow:hidden;',
|
|
//-------------------折叠相关
|
|
|
within: function (e) { //传递一个事件对象,判断是否在此控件的点击区域内
|
//if(this.name == 'viewdatemenu') debugger
|
|
for (var i = 0, l = this.children.length; i < l; i++) {
|
var c = this.children[i];
|
if (c.within(e)) return true;
|
}
|
return Edo.containers.Container.superclass.within.call(this, e);
|
},
|
//----------------------------------------- 容器操作逻辑
|
|
numChildren: function () {
|
return this.children.length;
|
},
|
|
getChildren: function () {
|
return this.children;
|
},
|
|
getDisplayChildren: function () { //获取界面显示的子元素(这些子元素参与布局)
|
return this.getLayoutObject().getDisplayChildren(this);
|
},
|
|
setChildren: function (value, destroy) {
|
if (!(value instanceof Array)) value = [value];
|
this.removeAllChildren(destroy, false);
|
|
var sss = new Date();
|
|
for (var i = 0, l = value.length; i < l; i++) {
|
this.addChildAt(i, value[i], true, false);
|
}
|
this.relayout('children', this.children);
|
|
//alert(new Date() - sss)
|
return this;
|
},
|
|
addChild: function (child, relayout) {
|
return this.addChildAt(this.children.length, child, true, relayout);
|
},
|
|
addChildAt: function (index, child, append, relayout) {
|
var cs = this.children;
|
|
if (child.componentMode) { //如果child已经是一个创建好的组件
|
if (child.parent) {
|
var isOne = child.parent == this;
|
|
if (child.parent == this) {
|
var sfIndex = cs.indexOf(child);
|
if (sfIndex < index) {
|
index -= 1;
|
}
|
}
|
//var tc =
|
child.parent.removeChild(child);
|
}
|
|
} else {
|
delete child.render;
|
delete child.renderTo;
|
child.parent = this;
|
child = Edo.create(child);
|
}
|
|
child.parent = this;
|
child.topContainer = this.topContainer;
|
|
if (append) {
|
cs[index] = child;
|
} else {
|
if (index < 0) {
|
index = cs.length;
|
}
|
cs.insert(index, child);
|
}
|
|
//这里很重要:如果直接render的话,就破坏了一个原则,先render后doLayout了.
|
//if(this.rendered) child.render(this.scrollEl); //如果容器已经rendered=true,则
|
|
if (!child.inited) {
|
child.init();
|
//child.measure();
|
}
|
|
//if(relayout !== false) this.relayout('children', cs);
|
|
this.relayout('children', cs);
|
|
this.fireEvent('childchange', {
|
type: 'childchange',
|
source: this,
|
child: child,
|
index: this.getChildAt(child)
|
});
|
|
return child;
|
},
|
|
getChildAt: function (index) {
|
return this.children[index];
|
},
|
|
removeAllChildren: function (destroy, relayout) {
|
var children = this.children;
|
while (this.children.length != 0) {
|
this.removeChildAt(0, destroy, false);
|
}
|
if (relayout !== false) this.relayout('children', children);
|
return children;
|
},
|
|
removeChild: function (child, destroy, layout) {
|
return this.removeChildAt(this.children.indexOf(child), destroy, layout);
|
},
|
|
removeChildAt: function (index, destroy, layout) {
|
if (index < 0 || index >= this.children.length) return;
|
var child = this.children[index];
|
|
if (this.rendered) {
|
if (child.el) {
|
//child.el.style.visibility = 'hidden';
|
Edo.util.Dom.remove(child.el);
|
}
|
}
|
this.children.removeAt(index);
|
child.renderTo = null;
|
|
child.topContainer = child.parent = null;
|
|
if (destroy) child.destroy();
|
|
if (layout !== false) this.relayout('children', this.children);
|
|
this.fireEvent('childchange', {
|
type: 'childchange',
|
source: this,
|
child: child,
|
index: this.getChildAt(child)
|
});
|
|
return child;
|
},
|
|
setChildIndex: function (index, child) {
|
if (index < 0) index = 0;
|
if (index >= this.children.length) index = this.children.length - 1;
|
var i = this.children.indexOf(child)
|
if (i != -1) {
|
this.children.removeAt(i);
|
this.children.insert(index, child);
|
var c = this.children[index];
|
if (c) {
|
if (c.el && child.el) Edo.util.Dom.after(c.el, child.el);
|
} else {
|
if (this.scrollEl && child.el) Edo.util.Dom.append(this.scrollEl, child.el);
|
}
|
this.relayout('children', this.children);
|
}
|
return this;
|
},
|
getChildIndex: function (child) {
|
return this.children.indexOf(child);
|
},
|
|
//---------------------------------------
|
_setHtml: Edo.emptyFn,
|
|
getLayoutObject: function () { //获取布局对象
|
return Edo.layouts[this.layout];
|
},
|
_setLayout: function (value) {
|
if (this.layout != value) {
|
this.layout = value;
|
|
this.relayout('layout', this);
|
}
|
},
|
//获取支持布局的最小宽度
|
getMinLayoutWidth: function () {
|
return this.realWidth;
|
},
|
//获取支持布局的最小高度
|
getMinLayoutHeight: function () {
|
return this.realWidth;
|
},
|
|
_getBox: function () {
|
var box = Edo.containers.Container.superclass._getBox.call(this);
|
if (this.enableCollapse && !this.expanded) {
|
var cp = this.collapseProperty;
|
var s = cp.substr(0, 1).toUpperCase() + cp.substring(1);
|
box[cp] = this['collapse' + s];
|
}
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box;
|
},
|
//获得布局范围box
|
getLayoutBox: function () {
|
var box = this._getBox();
|
this.layoutBox = box; //这是layout box,是scrollEl的定位box,不需要再改变了.不能减掉滚动条偏移!!!
|
return box;
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
//1)调整cmp.el box
|
this._fireSyncSize = false;
|
|
Edo.containers.Container.superclass.syncSize.call(this);
|
//2)调整cmp.scrollEl box
|
//调整
|
var box = this.getLayoutBox();
|
this.syncScrollEl(box);
|
//3)调整displaychildren box
|
var children = this.getDisplayChildren();
|
var num = children.length;
|
if (num) {
|
|
for (var i = 0, l = num; i < l; i++) {
|
var c = children[i];
|
//if(c.isDisplay()){
|
c.syncSize();
|
//}
|
}
|
}
|
|
if (!this.parent) {
|
this.el.style.visibility = 'visible';
|
}
|
|
this.fireEvent('syncsize', {
|
type: 'syncsize',
|
source: this
|
});
|
},
|
autoComponentRendered: false,
|
//measure确定子元素
|
measure: function () {
|
//如果是顶级容器,则在第一次的时候,一次性生成所有的auto组件,并分配好el
|
if (!this.parent && !this.autoComponentRendered) {
|
|
var children = this.getDisplayChildren();
|
var num = children.length;
|
|
var sss = new Date();
|
if (num) {
|
var csHash = {};
|
var sb = [];
|
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
//if(c.id == 'abcbtn') debugger
|
var aw = c.autoWidth && !Edo.isInt(c.width);
|
var ah = c.autoHeight && !Edo.isInt(c.height);
|
if (!c.el && (aw || ah)) {
|
csHash[c.id] = c;
|
//c.createHtml(aw ? 'auto' : c.defaultWidth, ah ? 'auto' : c.defaultHeight, sb);
|
c.createHtml(aw ? 'auto' : c.width, ah ? 'auto' : c.height, sb);
|
}
|
}
|
var ct = Edo.getCt();
|
Edo.util.Dom.append(ct, sb.join(''));
|
|
var els = ct.getElementsByTagName('*'); //如果是在Edo.ct下的话...
|
for (var i = 0, l = els.length; i < l; i++) {
|
var el = els[i];
|
var id = el.id;
|
if (id) {
|
var c = csHash[id];
|
if (c && !c.el) {
|
c.doRender(el);
|
}
|
}
|
}
|
}
|
//autoComponentTime += (new Date() - sss);
|
//alert((new Date() - sss));
|
this.autoComponentRendered = true;
|
}
|
|
//trace('measure:'+this.id);
|
|
|
this.syncenableCollapse();
|
|
//对布局中的可视元素,进行尺寸估算
|
var children = this.getDisplayChildren();
|
var num = children.length;
|
if (num) {
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
c.realWidth = c.realHeight = null; //将这行代码,加入到measure内
|
// if(Edo.isInt(c.width)){
|
// c.realWidth = c.width;
|
// }else{
|
// c.realWidth = null;
|
// }
|
// if(Edo.isInt(c.height)){
|
// c.realHeight = c.height;
|
// }else{
|
// c.realHeight = null;
|
// }
|
|
c.measure(); //确定子元素的尺寸,而不仅仅是子元素容器的布局尺寸!(所以,measure方法得到的realWidth和realHeight不是布局尺寸,需要加上偏移.)
|
}
|
}
|
//2)通过Layout布局逻辑确定容器自身的尺寸
|
var wh = this.getLayoutObject().measure(this); //### 当不是auto的时候,需要获得子元素集合的最小尺寸!!! 然后通过比较
|
|
//当不是auto的时候,如果realWidth已经有值,则不需要重新指定
|
if (this.width != 'auto' && Edo.isValue(this.realWidth)) {
|
|
} else {
|
this.realWidth = wh[0];
|
}
|
if (this.height != 'auto' && Edo.isValue(this.realHeight)) {
|
} else {
|
this.realHeight = wh[1]; //这里得到子元素综合尺寸
|
}
|
|
//3)再次确定自己的尺寸,得到容器的最终尺寸:.realWidth,realHeight
|
|
//Edo.containers.Container.superclass.measure.call(this); //可以优化下!!!
|
this.measureSize();
|
},
|
//确定最终布局尺寸
|
doLayout: function (must, measure) { //确定子元素
|
if (must !== true && this.topContainer != this) {
|
this.topContainer.doLayout();
|
return;
|
}
|
var sss = new Date();
|
//if(this.id == 'ct1') debugger
|
//1)doLayout在第一次(rendered=false); 2)deferLayout(rendered=true)
|
//if(!this.mustSyncSize) this.mustSyncSize = this.rendered;
|
this.mustSyncSize = true;
|
|
if (measure !== false) {
|
this.realWidth = this.realHeight = null;
|
this.measure();
|
}
|
|
if (this.expanded) {
|
//1)估算
|
|
//trace('doLayout:'+this.id);
|
//2)计算
|
var children = this.getDisplayChildren();
|
if (children.length) {
|
var box = this.getLayoutBox(); //获得布局尺寸
|
|
var layout = this.getLayoutObject();
|
|
layout.doLayout(this, box); //确定子元素!!!
|
|
for (var i = 0, l = children.length; i < l; i++) {
|
var c = children[i];
|
|
c.left = c.x - box.x;
|
c.top = c.y - box.y;
|
|
// c.left = (left || left === 0) ? left : -1000;
|
// c.top = (top || top === 0) ? top : -1000;
|
|
c.doLayout(true, false);
|
// if(c.xySet){
|
// //c.setXY(c.x, c.y); //定位问题,不设置还好点
|
// c.xySet = false;
|
// }
|
}
|
}
|
}
|
if (!this.parent) {
|
//alert(new Date() - sss)
|
}
|
this.layouted = true;
|
},
|
getInnerHtml: function (sb) {
|
//!!!优化点:首先创建并把top容器加入到document中,得到坐标信息,然后doLayout,设置好子元素的坐标,尺寸信息,直接生成!
|
|
//容器,需要获得所有"当前可视"子元素的html
|
var children = this.getDisplayChildren();
|
var num = children.length;
|
if (num) {
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
if (!c.el) {
|
c.createHtml(c.realWidth, c.realHeight, sb);
|
}
|
}
|
}
|
},
|
init: function () {
|
var o = Edo.create({ type: this.splitModel });
|
if (o) this.addPlugin(o);
|
|
Edo.containers.Container.superclass.init.call(this);
|
},
|
// init: function(){
|
// var sss = new Date();
|
// var children = this.children;
|
// var num = children.length;
|
// if(num){
|
// for(var i=0; i<num; i++){
|
// children[i].init();
|
// }
|
// }
|
// Edo.containers.Container.superclass.init.call(this);
|
// //alert(new Date() - sss);
|
// },
|
creation: function () {
|
var sss = new Date();
|
var children = this.children;
|
var num = children.length;
|
if (num) {
|
for (var i = 0; i < num; i++) {
|
children[i].creation();
|
}
|
}
|
Edo.containers.Container.superclass.creation.call(this);
|
},
|
doRender: function (el) {
|
var sss = new Date();
|
if (this.el) return;
|
Edo.containers.Container.superclass.doRender.call(this, el);
|
|
if (this.children.length == 0) return;
|
|
//alert(new Date() - sss);
|
var cid = this.id;
|
//这个范围,有必要确定下!!!
|
|
|
var elss = this.el.getElementsByTagName('*'); //如果是在Edo.ct下的话...
|
var els = [];
|
for (var i = 0, l = elss.length; i < l; i++) {
|
els[els.length] = elss[i];
|
}
|
var all = Edo.managers.SystemManager.all;
|
|
for (var i = 0, l = els.length; i < l; i++) {
|
var el = els[i];
|
var id = el.id;
|
if (id && id != cid) {
|
var c = all[id];
|
if (c) { //大循环中,这些操作很耗时!
|
//var p = el.parentNode;
|
if (!c.el) {
|
c.doRender(el);
|
}
|
}
|
}
|
}
|
|
},
|
render: function (dom) {
|
if (!dom) return;
|
|
var sss = new Date();
|
//先激发ct的render
|
Edo.containers.Container.superclass.render.call(this, dom);
|
//alert(new Date() - sss);
|
//遍历children,找出对应
|
var children = this.getDisplayChildren();
|
|
var num = children.length;
|
if (num) {
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
c.render(this.scrollEl);
|
|
//如果子组件的autoWidth或autoHeight为true,则马上syncSize
|
// if(c.autoWidth || c.autoHeight){
|
// c.syncSize();
|
// }
|
}
|
}
|
|
//this.syncSize();
|
},
|
destroy: function () {
|
// if(this.id == 'abx') debugger
|
// if(this.id == 'kkk') debugger
|
this.created = this.rendered = this.inited = false;
|
var cs = this.children;
|
if (cs && cs.length) {
|
for (var i = 0, l = cs.length; i < l; i++) {
|
var c = cs[i];
|
c.removeFromParent = false;
|
c.destroy();
|
}
|
cs.length = 0;
|
}
|
this.children = null;
|
|
Edo.util.Dom.clearEvent(this.scrollEl);
|
|
if (this.removeFromParent !== false) {
|
Edo.util.Dom.remove(this.scrollEl);
|
}
|
|
this.scrollEl = null;
|
|
Edo.containers.Container.superclass.destroy.call(this);
|
},
|
//同步scrollEl的尺寸定位###应该可以继续优化!
|
syncScrollEl: function (box) {
|
//Edo.util.Dom.applyStyles(this.scrollEl, 'border:0px;padding:0px;margin:0px;');
|
if (this.scrollEl != this.el) { //扩展后,scrollEl和el可能不是同一个对象
|
//&& this.mustSyncSize !== false 算了,容器就一直弄吧
|
//trace('<b>syncScrollEl:</b>'+this.id);
|
|
var bx = this._getBox();
|
var left = box.x - bx.x - (parseInt(Edo.util.Dom.getStyle(this.scrollEl.parentNode, 'borderLeftWidth')) || 0);
|
var top = box.y - bx.y - (parseInt(Edo.util.Dom.getStyle(this.scrollEl.parentNode, 'borderTopWidth')) || 0);
|
if (box.width < 0) box.width = 0;
|
if (box.height < 0) box.height = 0;
|
Edo.util.Dom.setStyle(this.scrollEl, {
|
left: left + 'px',
|
top: top + 'px',
|
width: box.width + 'px',
|
height: box.height + 'px'
|
});
|
} else {
|
this.doScrollPolicy(this.scrollEl)
|
}
|
},
|
onChildSizeChanged: function (child, change) {
|
//debugger
|
//top容器,子元素创建的时候,不断激发relayout事件,都到这里来.如果created为false,则都不处理
|
if (!this.created) return;
|
//如果容器是auto设置,则容器会调整自己的大小,从而可能会影响更上一级的元素,需要激发resize事件!
|
var fire = false;
|
switch (change) {
|
case 'width':
|
if (this.width == 'auto') fire = true;
|
break;
|
case 'height':
|
if (this.height == 'auto') fire = true;
|
break;
|
default:
|
fire = true;
|
}
|
if (fire) { //如果需要向父级元素传递
|
this.relayout();
|
} else {
|
var w = this.realWidth, h = this.realHeight;
|
this.measure(); //确定尺寸
|
this.realWidth = w;
|
this.realHeight = h;
|
this.deferSyncSize(); //延迟执行syncSize
|
}
|
|
//这里可以根据布局器,好好判断是否上传布局事件!进行性能优化!
|
},
|
|
|
//布局相关属性和方法
|
horizontalGap: 5,
|
verticalGap: 5,
|
horizontalAlign: 'left',
|
verticalAlign: 'top',
|
|
|
_setHorizontalGap: function (value) {
|
value = parseInt(value);
|
if (this.horizontalGap != value) {
|
this.horizontalGap = value;
|
//this.refresh();
|
this.relayout('horizontalGap', this.horizontalGap);
|
}
|
},
|
|
_setVerticalGap: function (value) {
|
value = parseInt(value);
|
if (this.verticalGap != value) {
|
this.verticalGap = value;
|
|
//this.refresh();
|
this.relayout('verticalGap', this.verticalGap);
|
}
|
},
|
|
_setHorizontalAlign: function (value) {
|
if (this.horizontalAlign != value) {
|
this.horizontalAlign = value;
|
|
this.relayout('horizontalAlign', this.horizontalAlign);
|
}
|
},
|
|
_setVerticalAlign: function (value) {
|
if (this.verticalAlign != value) {
|
this.verticalAlign = value;
|
|
this.relayout('verticalAlign', this.verticalAlign);
|
}
|
},
|
|
//viewstack
|
|
selectedIndex: 0,
|
_setSelectedIndex: function (value) {
|
value = parseInt(value);
|
if (Edo.isInt(value) && this.selectedIndex != value) {
|
this.selectedIndex = value;
|
//调整好
|
var children = this.getChildren();
|
var c = children[value];
|
children.each(function (o, i) {
|
if (i == value) {
|
o._setVisible(true);
|
} else {
|
o._setVisible(false);
|
}
|
});
|
//this.relayout('selectedIndex', this);
|
}
|
},
|
//用于border,padding等[left,top,right,bottom]形式的数据计算
|
_toArray: function (value, p) {
|
if (!(value instanceof Array)) {
|
var bs = String(value).split(' ');
|
var b = [];
|
b[0] = Edo.isInt(bs[0]) ? parseInt(bs[0]) : 0;
|
b[1] = Edo.isInt(bs[1]) ? parseInt(bs[1]) : b[0];
|
b[2] = Edo.isInt(bs[2]) ? parseInt(bs[2]) : b[1];
|
b[3] = Edo.isInt(bs[3]) ? parseInt(bs[3]) : b[2];
|
value = b;
|
}
|
|
return value;
|
},
|
_checkTheSame: function (v1, v2) {
|
for (var i = 0, l = v1.length; i < l; i++) {
|
if (v1[i] != v2[i]) return false;
|
}
|
return true;
|
},
|
startEdit: function () {
|
|
var data = Edo.containers.Container.superclass.startEdit.apply(this, arguments);
|
this[this.valueField] = null;
|
this.set(this.valueField, data); //### 反映到UI上
|
this.focus();
|
},
|
getEditData: function () {
|
|
return this.get(this.valueField); //### 从UI对象上获得数据
|
},
|
_setForm: function (form) {
|
this.form = this;
|
},
|
autoMask: true,
|
forForm: null,
|
_setForForm: function (v) {
|
if (this.forForm) {
|
Edo.util.Dom.un(this.forForm, 'submit', this.onFormSubmit, this);
|
}
|
this.forForm = Edo.getDom(v);
|
Edo.util.Dom.on(this.forForm, 'submit', this.onFormSubmit, this);
|
},
|
onFormSubmit: function (e) {
|
this.markForm();
|
},
|
|
setForm: function (o, value) {
|
if (!o) return;
|
if (typeof o == 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
var fields = this.getFields();
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var field = fields[i];
|
var id = field.name;
|
|
var v = o[id];
|
|
var e = {
|
type: 'beforesetfield',
|
field: field,
|
name: id,
|
value: v
|
};
|
if (this.fireEvent('beforesetfield', e) !== false) {
|
|
field.setValue(v);
|
|
e.type = 'setfield';
|
this.fireEvent('setfield', e);
|
}
|
}
|
},
|
|
getForm: function (name) {
|
var fields = [];
|
if (name) {
|
var field = this.getField(name);
|
fields.add(field);
|
} else {
|
fields = this.getFields();
|
}
|
var o = {};
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var fd = fields[i];
|
|
o[fd.name] = fd.getValue();
|
}
|
|
//this.fireEvent('get', e);
|
|
return o;
|
},
|
markForm: function () {
|
var fields = this.getFields();
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var fd = fields[i];
|
|
fd.markFormValue();
|
}
|
},
|
|
reset: function (name) {
|
var fields = [];
|
if (name) {
|
var field = this.getField(name);
|
fields.add(field);
|
} else {
|
fields = this.getFields();
|
}
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var fd = fields[i];
|
|
fd.resetValue();
|
}
|
},
|
getField: function (name) {
|
var c = Edo.getByName(name, this)[0];
|
if (c && c.componentMode == 'control' && !this.isParentControl(c) && c.enableForm) return c;
|
},
|
getFields: function () {
|
var fields = [];
|
var m = Edo.managers.SystemManager;
|
var all = m.all;
|
var parent = this;
|
for (var id in all) {
|
var c = all[id];
|
if (c.name && c.componentMode == 'control' && c.enableForm) {
|
|
if (!parent || (parent && m.isAncestor(parent, c))) {
|
if (!this.isParentControl(c)) { //如果父元素没有是control的, 才可以算
|
fields[fields.length] = c;
|
}
|
}
|
}
|
}
|
return fields;
|
},
|
isParentControl: function (c) {
|
if (!c.parent) return false;
|
if (c.parent.componentMode == 'control') return true;
|
return this.isParentControl(c.parent);
|
},
|
|
valid: function (all) {
|
var fields = this.getFields();
|
var ret = true;
|
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var fd = fields[i];
|
var r = fd.valid(all);
|
if (!r) {
|
ret = false;
|
if (!all) break;
|
}
|
}
|
return ret;
|
},
|
dataType: 'datatable',
|
_setData: function (data) {
|
if (typeof data === 'string') data = window[data];
|
if (!data) data = [];
|
if (data.componentMode != 'data') data = Edo.create({ type: this.dataType }).set('data', data);
|
|
if (this.data && this.data.un) {
|
this.data.un('datachange', this._onDataChanged, this);
|
this.data.un('selectionchange', this._onDataSelectionChange, this);
|
this.data.un('valid', this._onDataValid, this);
|
this.data.un('invalid', this._onDataInvalid, this);
|
}
|
this.data = data;
|
this.data.on('datachange', this._onDataChanged, this);
|
this.data.on('selectionchange', this._onDataSelectionChange, this);
|
this.data.on('valid', this._onDataValid, this);
|
this.data.on('invalid', this._onDataInvalid, this);
|
|
if (this.rendered) {
|
this._onDataChanged({ action: 'refresh' });
|
}
|
},
|
_onDataSelectionChange: function (e) {
|
if (e.selected) {
|
this.setForm(e.selected);
|
} else {
|
this.reset();
|
}
|
},
|
_onDataChanged: function (e) {
|
if (e) {
|
var selected = this.data.getSelected();
|
if (!selected) {
|
this.reset();
|
}
|
switch (e.action) {
|
case 'resetfield':
|
case 'reset':
|
case 'update':
|
if (e.record == this.data.getSelected()) {
|
this.setForm(e.record);
|
}
|
break;
|
}
|
}
|
},
|
_onDataValid: function (e) {
|
var record = this.data.getSelected();
|
if (!record) return;
|
|
if (e.action == 'field') {
|
var field = this.getField(e.field);
|
if (field) {
|
field.fireEvent('valid', {
|
type: 'valid',
|
source: field
|
});
|
}
|
} else {
|
this.data.fields.each(function (datafield) {
|
var field = this.getField(datafield.name);
|
if (field) {
|
field.fireEvent('valid', {
|
type: 'valid',
|
source: field
|
});
|
}
|
}, this);
|
}
|
},
|
_onDataInvalid: function (e) {
|
var record = this.data.getSelected();
|
if (!record) return;
|
|
if (e.action == 'field') {
|
var field = this.getField(e.field);
|
if (field) {
|
field.fireEvent('invalid', {
|
type: 'invalid',
|
source: field,
|
errorMsg: e.errorMsg
|
});
|
}
|
} else {
|
if (e.errors.length == 1) {
|
var fields = this.getFields();
|
fields.each(function (field) {
|
field.fireEvent('valid', {
|
type: 'valid',
|
source: field
|
});
|
}, this);
|
}
|
for (var i = 0, l = e.errors.length; i < l; i++) {
|
var error = e.errors[i];
|
if (error.record == record) {
|
error.fields.each(function (datafield) {
|
var field = this.getField(datafield.name);
|
if (field) {
|
field.fireEvent('invalid', {
|
type: 'invalid',
|
source: field,
|
errorMsg: datafield.errorMsg
|
});
|
}
|
}, this);
|
}
|
}
|
}
|
},
|
autoChange: false,
|
onChildValueChange: function (e) {
|
if (!this.data.getSelected) return;
|
var record = this.data.getSelected();
|
|
if (record && this.autoChange) {
|
var v = Edo.getValue(record, e.name);
|
if (v !== e.value) {
|
this.data.update(record, e.name, e.value);
|
}
|
}
|
if (this.parent && this.parent.onChildValueChange) {
|
this.parent.onChildValueChange(e);
|
}
|
},
|
onChildValid: function (e) {
|
if (this.parent && this.parent.onChildValid) {
|
this.parent.onChildValid(e);
|
}
|
if (this.validTimer) {
|
clearTimeout(this.validTimer);
|
}
|
this._removeErrorField(e);
|
this.validTimer = this.tryFireValidEvent.defer(1, this, [e]);
|
},
|
onChildInvalid: function (e) {
|
if (this.parent && this.parent.onChildInvalid) {
|
this.parent.onChildInvalid(e);
|
}
|
if (this.validTimer) {
|
clearTimeout(this.validTimer);
|
}
|
this._addErrorField(e);
|
this.validTimer = this.tryFireValidEvent.defer(1, this, [e]);
|
},
|
tryFireValidEvent: function (e) {
|
//验证之前, 绑定所有的error错误信息组件, 使error组件绑定forId组件的valid和invalid, 并自动控制错误显示信息
|
var errors = Edo.getByProperty('forId', this.name);
|
errors.each(function (error) {
|
if (error.type == 'error') {
|
error.bind(error.forId);
|
}
|
});
|
if (this.errorFields.length > 0) {
|
this.fireEvent('invalid', {
|
type: 'invalid',
|
source: this,
|
fields: this.errorFields
|
});
|
} else {
|
this.fireEvent('valid', {
|
type: 'valid',
|
source: this,
|
fields: null
|
});
|
}
|
},
|
_addErrorField: function (e) {
|
var add = true;
|
for (var i = 0, l = this.errorFields.length; i < l; i++) {
|
var field = this.errorFields[i];
|
if (field.field == e.source) { //表示已经加入
|
add = false;
|
break;
|
}
|
}
|
if (add) {
|
this.errorFields.add({
|
field: e.source,
|
errorMsg: e.errorMsg
|
});
|
}
|
},
|
_removeErrorField: function (e) {
|
for (var i = 0, l = this.errorFields.length; i < l; i++) {
|
var field = this.errorFields[i];
|
if (field.field == e.source) {
|
this.errorFields.removeAt(i);
|
break;
|
}
|
}
|
}
|
});
|
Edo.containers.Container.regType('container', 'ct');
|
//控件的value改变, 自动向上级传播.
|
//容器监听到子空间valuechange事件, 采取更新data.selected的属性措施, 从而影响table/tree等
|
|
|
|
Edo.layouts.AbsoluteLayout = {
|
getDisplayChildren: function (t) {
|
var cs = [];
|
for (var i = 0, l = t.children.length; i < l; i++) {
|
var c = t.children[i];
|
if (c.visible && !c.popup) cs.push(c); //visible=true,popup=false
|
}
|
return cs;
|
},
|
measure: function (t) {//本布局器对确定容器尺寸的帮助为零!
|
//当容器的布局是absolute的时候,他的宽度和高度就是默认的宽度和高度,因此不需要做任何处理.
|
return [t.realWidth, t.realHeight]; //子元素的尺寸,对absolute容器没有任何帮助
|
},
|
doLayout: function (target, box) {
|
var t = target;
|
var children = t.getChildren();
|
var num = children.length;
|
|
var x = box.x, y = box.y, w = box.width, h = box.height;
|
|
for (var i = 0, l = children.length; i < l; i++) {
|
var child = children[i];
|
//验证left,top,right,bottom的设置,必须是int类型的
|
var left = parseInt(child.left);
|
var top = parseInt(child.top);
|
var right = parseInt(child.right);
|
var bottom = parseInt(child.bottom);
|
|
if (!Edo.isInt(left)) throw new Error('left必须是数值类型');
|
if (!Edo.isInt(top)) throw new Error('top必须是数值类型');
|
if (child.right && !Edo.isInt(right)) throw new Error('right必须是数值类型');
|
if (child.bottom && !Edo.isInt(bottom)) throw new Error('bottom必须是数值类型');
|
|
child.x = x + left; //坐标
|
child.y = y + top;
|
|
var baseWidth = x + w - child.x; //尺寸计算,确定基尺值
|
var baseHeight = y + h - child.y;
|
|
if (right || right == 0) { //如果设置了right
|
child.realWidth = baseWidth - right;
|
} else if (Edo.isPercent(child.width)) { //如果是百分比设置的
|
child.realWidth = baseWidth * (parseFloat(child.width) / 100);
|
}
|
if (bottom || bottom == 0) {
|
child.realHeight = baseHeight - bottom;
|
} else if (Edo.isPercent(child.height)) { //如果是百分比设置的
|
child.realHeight = baseHeight * (parseFloat(child.height) / 100);
|
}
|
|
child.measureSize();
|
}
|
}
|
};
|
Edo.layouts['absolute'] = Edo.layouts.AbsoluteLayout;
|
|
Edo.layouts.HorizontalLayout = {
|
getDisplayChildren: function (t) {
|
var cs = [];
|
for (var i = 0, l = t.children.length; i < l; i++) {
|
var c = t.children[i];
|
if (c.visible && !c.popup) cs[cs.length] = c; //visible=true,popup=false
|
}
|
return cs;
|
},
|
measure: function (t) {
|
var isPercent = Edo.isPercent;
|
var isInt = Edo.isInt;
|
|
var children = t.getDisplayChildren();
|
var num = children.length;
|
|
var targetW = t.width, targetH = t.height; //
|
|
var mh = 0;
|
for (var i = 0; i < num; i++) {
|
|
var c = children[i];
|
|
var ch = t.height != 'auto' && isPercent(c.height) ? c.defaultHeight : c.realHeight;
|
if (ch < c.minHeight) ch = c.minHeight;
|
|
mh = mh > ch ? mh : ch;
|
}
|
var w = 0;
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
var cw = t.width != 'auto' && isPercent(c.width) ? c.defaultWidth : c.realWidth;
|
if (cw < c.minWidth) cw = c.minWidth;
|
|
w += t.horizontalGap + cw;
|
}
|
w -= t.horizontalGap;
|
|
t._childrenMinWidth = w;
|
t._childrenMinHeight = mh;
|
|
if (!isInt(t.height)) {
|
mh = mh > t.defaultHeight ? mh : t.defaultHeight;
|
targetH = mh;
|
}
|
if (!isInt(t.width)) {
|
targetW = w;
|
targetW = targetW > t.defaultWidth ? targetW : t.defaultWidth;
|
}
|
|
//debugger
|
//-----------------------------------------处理scroll的偏移-------------------------------//
|
t.horizontalOffset = 0;
|
t.verticalOffset = 0;
|
|
//1)如果是on,则必定增加
|
if (t.width == 'auto' && t.verticalScrollPolicy == 'auto' && isInt(t.height)) {//必须是auto,才有可能附加滚动条偏移
|
if (t.getLayoutBox().height < t._childrenMinHeight) {
|
t.horizontalOffset = 17;
|
}
|
}
|
|
if (t.height == 'auto' && t.horizontalScrollPolicy == 'auto' && isInt(t.width)) {
|
if (t.getLayoutBox().width < t._childrenMinWidth) { //###这里的targetW,应该是减掉offset之后的尺寸(如果是绝对设置),而如果是
|
t.verticalOffset = 17;
|
}
|
}
|
|
if (t.horizontalScrollPolicy == 'on') { //如果横向为on,则竖向必定加17
|
t.verticalOffset = 17;
|
} else if (t.horizontalScrollPolicy == 'off') {
|
t.verticalOffset = 0;
|
}
|
if (t.verticalScrollPolicy == 'on') {
|
t.horizontalOffset = 17;
|
} else if (t.verticalScrollPolicy == 'off') {
|
t.horizontalOffset = 0;
|
}
|
|
targetW += t.horizontalOffset;
|
targetH += t.verticalOffset;
|
//-----------------------------------------处理scroll的偏移-------------------------------//
|
|
return [targetW, targetH];
|
},
|
|
doLayout: function (t, box) {
|
var isPercent = Edo.isPercent;
|
//var isInt = Edo.isInt;
|
|
t.verticalGap = parseInt(t.verticalGap) || 0;
|
t.horizontalGap = parseInt(t.horizontalGap) || 0;
|
|
//调整x,y,t可能有滚动条,所以需要获取偏移
|
//alert(t.scrollEl.dom.scrollLeft+":"+t.scrollEl.dom.scrollTop);
|
if (t.scrollEl) {
|
box.x -= (t.scrollEl.scrollLeft || 0);
|
box.y -= (t.scrollEl.scrollTop || 0);
|
}
|
|
//传递进来的box是可能包含滚动条的,本布局器应该根据一些设置,调整最终的layout box
|
if (t.horizontalScrollPolicy == 'on') box.height -= 17;
|
else if (t.width != 'auto' && t.horizontalScrollPolicy == 'auto') {
|
if (t._childrenMinWidth > box.width) box.height -= 17;
|
}
|
if (t.verticalScrollPolicy == 'on') box.width -= 17;
|
else if (t.height != 'auto' && t.verticalScrollPolicy == 'auto') {
|
if (t._childrenMinHeight > box.height) box.width -= 17;
|
}
|
|
|
var children = t.getDisplayChildren();
|
var num = children.length;
|
|
var baseW = box.width, baseH = box.height;
|
//baseW需要重新计算: baseW = realHeight - (num-1)*HGap - (所有非百分比的realWidth之和)
|
var percents = [], allPercent = 0;
|
var cw = box.width;
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
if (isPercent(c.width)) { //如果子元素的高度是百分比,则不减掉
|
percents.push(c);
|
} else {
|
cw -= c.realWidth;
|
}
|
}
|
baseW = cw - (num - 1) * t.horizontalGap;
|
|
function markPercent() { //重新计算allPercent,以及每个child的__layoutPercent
|
allPercent = 0;
|
for (var i = 0; i < percents.length; i++) {
|
var c = percents[i];
|
allPercent += parseFloat(c.width);
|
}
|
|
for (var i = 0; i < percents.length; i++) { //找出百分比设置的组件,将其百分比另行设置
|
var c = percents[i];
|
if (allPercent > 100) {
|
c.__layoutPercent = parseFloat(c.width) / allPercent;
|
} else {
|
c.__layoutPercent = parseFloat(c.width) / 100;
|
}
|
}
|
}
|
markPercent(percents);
|
|
//设置子元素的宽度和高度,依赖于百分比
|
var x = box.x, y = box.y, w = box.width, h = box.height;
|
//if(t.id == 'ct2') alert(x+":"+y+","+w+":"+h);
|
|
var allChildWidth = allChildHeight = 0;
|
|
for (var i = 0; i < num; i++) {
|
var child = children[i];
|
if (isPercent(child.width)) {
|
var _w = baseW * child.__layoutPercent;
|
|
child.realWidth = _w;
|
// if(_w > child.realWidth) child.realWidth = _w;
|
// else{ //如果计算得到的值小于组件默认的最小尺寸,则不设置,并调整baseW和其他组件的percent
|
// percents.remove(child);
|
// baseW -= child.realWidth;
|
// markPercent();
|
// }
|
}
|
if (isPercent(child.height)) {
|
var _h = baseH * parseFloat(child.height) / 100;
|
child.realHeight = _h;
|
}
|
|
child.x = x;
|
child.y = y;
|
x += t.horizontalGap + child.realWidth;
|
|
allChildWidth += child.realWidth;
|
allChildHeight += child.realHeight;
|
}
|
t.allChildWidth = allChildWidth + t.horizontalGap * (num - 1);
|
t.allChildHeight = allChildHeight + t.verticalGap * (num - 1);
|
|
//进行align处理
|
var px = box.x + box.width - (x - t.horizontalGap);
|
var py = box.y + box.height - (y - t.verticalGap);
|
|
if (t.horizontalAlign == 'left') px = 0;
|
else if (t.horizontalAlign == 'center') px = px / 2; //横向偏移
|
|
x = box.x, y = box.y;
|
for (var i = 0; i < num; i++) {
|
var child = children[i];
|
child.x += px;
|
|
if (t.verticalAlign == 'top') py = y;
|
else if (t.verticalAlign == 'middle') py = y + h / 2 - child.realHeight / 2;
|
else py = y + h - child.realHeight;
|
child.y = py;
|
}
|
|
}
|
};
|
Edo.layouts['horizontal'] = Edo.layouts.HorizontalLayout;
|
|
Edo.layouts.VerticalLayout = {
|
getDisplayChildren: function (t) {
|
var cs = [];
|
for (var i = 0, l = t.children.length; i < l; i++) {
|
var c = t.children[i];
|
if (c.visible && !c.popup) cs[cs.length] = c; //visible=true,popup=false
|
}
|
return cs;
|
},
|
//确定容器尺寸, 进来的时候,所有子元素的realWidth和realHeight都被确定了 !!!
|
measure: function (t) { //布局器确定容器大小和子元素大小,并返回
|
var isPercent = Edo.isPercent;
|
var isInt = Edo.isInt;
|
|
// t.verticalGap = parseInt(t.verticalGap);
|
// t.horizontalGap = parseInt(t.horizontalGap);
|
|
var children = t.getDisplayChildren();
|
var num = children.length;
|
|
var targetW = t.width, targetH = t.height; //
|
|
var mw = 0;
|
//if(t.id == 'fl')debugger
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
|
//如果父容器不是auto(表示父容器的尺寸不是由子元素决定的)
|
var cw = t.width != 'auto' && isPercent(c.width) ? c.defaultWidth : c.realWidth;
|
if (cw < c.minWidth) cw = c.minWidth;
|
|
mw = mw > cw ? mw : cw;
|
}
|
|
var h = 0;
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
//如果子元素的高度是百分比的话,则只需要判断他的minHeight即可
|
|
var ch = t.height != 'auto' && isPercent(c.height) ? c.defaultHeight : c.realHeight;
|
if (ch < c.minHeight) ch = c.minHeight;
|
|
h += t.verticalGap + ch;
|
}
|
h -= t.verticalGap;
|
|
t._childrenMinWidth = mw;
|
t._childrenMinHeight = h;
|
|
//分两种:一种是确定的,如width=100,则不需要做任何处理;一种是不确定的:百分比,auto
|
//1)宽度处理
|
if (!isInt(t.width)) { //判断width元素:int, 100%, auto
|
mw = mw > t.defaultWidth ? mw : t.defaultWidth; //找出来的宽度,不能小于容器自定义的minWidth
|
targetW = mw;
|
}
|
//2)高度处理
|
if (!isInt(t.height)) {
|
targetH = h;
|
targetH = targetH > t.defaultHeight ? targetH : t.defaultHeight;
|
}
|
|
//-----------------------------------------处理scroll的偏移-------------------------------//
|
t.horizontalOffset = 0;
|
t.verticalOffset = 0;
|
|
//1)如果是on,则必定增加
|
|
if (t.width == 'auto' && t.verticalScrollPolicy == 'auto' && isInt(t.height)) {//必须是auto,才有可能附加滚动条偏移
|
if (t.getLayoutBox().height < t._childrenMinHeight) {
|
t.horizontalOffset = 17;
|
}
|
}
|
|
if (t.height == 'auto' && t.horizontalScrollPolicy == 'auto' && isInt(t.width)) {
|
if (t.getLayoutBox().width < t._childrenMinWidth) { //###这里的targetW,应该是减掉offset之后的尺寸(如果是绝对设置),而如果是
|
t.verticalOffset = 17;
|
}
|
}
|
|
if (t.horizontalScrollPolicy == 'on') { //如果横向为on,则竖向必定加17
|
t.verticalOffset = 17;
|
} else if (t.horizontalScrollPolicy == 'off') {
|
t.verticalOffset = 0;
|
}
|
if (t.verticalScrollPolicy == 'on') {
|
t.horizontalOffset = 17;
|
} else if (t.verticalScrollPolicy == 'off') {
|
t.horizontalOffset = 0;
|
}
|
|
targetW += t.horizontalOffset;
|
targetH += t.verticalOffset;
|
//-----------------------------------------处理scroll的偏移-------------------------------//
|
|
return [targetW, targetH];
|
//容器得到一个布局器通过自身布局规则建议的尺寸值:realWidth,realHeight.这两个值会在doLayout内被修正,得到一个最终的值.
|
//如果本容器是顶级容器,则最终尺寸就被确定了;如果不是顶级容器,则本方法获得的是一个最小尺寸参考值,最终尺寸由父容器和本容器的尺寸配置生成.
|
},
|
//#####doLayout
|
doLayout: function (t, box) { //容器的尺寸已经被最终确认下来了,针对box进行定位和尺寸百分比设置
|
var isPercent = Edo.isPercent;
|
//var isInt = Edo.isInt;
|
|
// t.verticalGap = parseInt(t.verticalGap);
|
// t.horizontalGap = parseInt(t.horizontalGap);
|
|
//调整x,y,t可能有滚动条,所以需要获取偏移
|
//alert(t.scrollEl.dom.scrollLeft+":"+t.scrollEl.dom.scrollTop);
|
if (t.scrollEl) {
|
box.x -= (t.scrollEl.scrollLeft || 0);
|
box.y -= (t.scrollEl.scrollTop || 0);
|
}
|
|
//传递进来的box是可能包含滚动条的,本布局器应该根据一些设置,调整最终的layout box
|
if (t.horizontalScrollPolicy == 'on') box.height -= 17;
|
else if (t.width != 'auto' && t.horizontalScrollPolicy == 'auto') {
|
if (t._childrenMinWidth > box.width) box.height -= 17;
|
}
|
if (t.verticalScrollPolicy == 'on') box.width -= 17;
|
else if (t.height != 'auto' && t.verticalScrollPolicy == 'auto') {
|
if (t._childrenMinHeight > box.height) box.width -= 17;
|
}
|
|
var children = t.getDisplayChildren();
|
var num = children.length;
|
|
var baseW = box.width, baseH = box.height;
|
//baseH需要重新计算: baseH = realHeight - (num-1)*VGap - (所有非百分比的realHeight之和)
|
var percents = [], allPercent = 0;
|
var ch = box.height;
|
|
for (var i = 0; i < num; i++) {
|
var c = children[i];
|
if (isPercent(c.height)) { //如果子元素的高度是百分比,则不减掉
|
percents[percents.length] = c;
|
} else {
|
ch -= c.realHeight;
|
}
|
}
|
baseH = ch - (num - 1) * t.verticalGap;
|
|
//if(t.id == 'ct')debugger
|
|
function markPercent() {
|
allPercent = 0;
|
for (var i = 0; i < percents.length; i++) {
|
var c = percents[i];
|
allPercent += parseFloat(c.height);
|
}
|
|
for (var i = 0; i < percents.length; i++) { //找出百分比设置的组件,将其百分比另行设置
|
var c = percents[i];
|
if (allPercent > 100) {
|
c.__layoutPercent = parseFloat(c.height) / allPercent;
|
} else {
|
c.__layoutPercent = parseFloat(c.height) / 100;
|
}
|
}
|
}
|
markPercent();
|
|
//----------------具体设置开始
|
//设置子元素的宽度和高度,依赖于百分比
|
var x = box.x, y = box.y, w = box.width, h = box.height;
|
//if(t.id == 'ct1') alert(x+":"+y+","+w+":"+h);
|
|
var allChildWidth = allChildHeight = 0;
|
for (var i = 0; i < num; i++) {
|
var child = children[i];
|
if (isPercent(child.width)) {
|
var _w = baseW * parseFloat(child.width) / 100;
|
child.realWidth = _w;
|
}
|
if (isPercent(child.height)) {
|
var _h = baseH * child.__layoutPercent;
|
|
child.realHeight = _h;
|
// if(_h > child.realHeight) child.realHeight = _h;
|
// else{
|
// percents.remove(child);
|
// baseH -= child.realHeight;
|
// markPercent();
|
// }
|
}
|
|
child.x = x;
|
child.y = y;
|
y += t.verticalGap + child.realHeight;
|
|
allChildWidth += child.realWidth;
|
allChildHeight += child.realHeight;
|
}
|
t.allChildWidth = allChildWidth + t.horizontalGap * (num - 1);
|
t.allChildHeight = allChildHeight + t.verticalGap * (num - 1);
|
|
//进行align处理
|
var px = box.x + box.width - (x - t.horizontalGap);
|
var py = box.y + box.height - (y - t.verticalGap);
|
if (t.verticalAlign == 'top') py = 0;
|
else if (t.verticalAlign == 'middle') py = py / 2;
|
|
x = box.x, y = box.y;
|
for (var i = 0; i < num; i++) {
|
var child = children[i];
|
|
child.y += py;
|
if (t.horizontalAlign == 'left') px = x;
|
else if (t.horizontalAlign == 'center') px = x + w / 2 - child.realWidth / 2;
|
else px = x + w - child.realWidth;
|
child.x = px;
|
}
|
}
|
};
|
Edo.layouts['vertical'] = Edo.layouts.VerticalLayout;
|
|
Edo.layouts.ViewStackLayout = {
|
getDisplayChildren: function (t) {
|
var cs = [];
|
var c = t.children[t.selectedIndex];
|
if (c) cs.push(c);
|
return cs;
|
},
|
measure: function (t) {
|
var c = t.children[t.selectedIndex] || {};
|
var w = c.realWidth || 0, h = c.realHeight || 0;
|
return [w > t.realWidth ? w : t.realWidth, h > t.realHeight ? h : t.realHeight];
|
},
|
doLayout: function (t, box) {
|
var children = t.getChildren();
|
var index = t.selectedIndex;
|
var c = t.children[index];
|
children.each(function (o, i) {
|
o.x = box.x;
|
o.y = box.y;
|
if (i == index) {
|
//o.setVisible(true);
|
// o.visible = true;
|
if (o.el) o.el.style.display = 'block';
|
} else {
|
//o.setVisible(false);
|
// o.visible = false;
|
if (o.el) o.el.style.display = 'none';
|
}
|
});
|
c.xySet = true;
|
if (Edo.isPercent(c.width)) c.realWidth = box.width * parseFloat(c.width) / 100;
|
if (Edo.isPercent(c.height)) c.realHeight = box.height * parseFloat(c.height) / 100;
|
|
c.measureSize();
|
}
|
};
|
Edo.layouts['viewstack'] = Edo.layouts.ViewStackLayout;
|
|
|
|
Edo.controls.DataView = function () {
|
|
Edo.controls.DataView.superclass.constructor.call(this);
|
|
this.selecteds = [];
|
this._setData([]);
|
}
|
Edo.controls.DataView.extend(Edo.controls.Control, {
|
|
data: null,
|
|
defaultWidth: 100,
|
|
defaultHeight: 50,
|
|
loading: false, //当loading为true时,显示loadingText内容,false时进行tpl.run(data)
|
loadingText: '', //加载时显示文本
|
emptyText: '', //数据为空时显示文本
|
|
itemSelector: 'e-dataview-item', //item选择器: 样式类, item查找函数
|
itemCls: 'e-dataview-item',
|
elCls: 'e-dataview',
|
|
verticalScrollPolicy: 'auto',
|
horizontalScrollPolicy: 'auto',
|
|
|
simpleSelect: false,
|
|
multiSelect: false,
|
|
enableSelect: true,
|
|
repeatSelect: true, //是否可以重复选择
|
|
selectOnly: true, //简单选择模式下, 只能选择一个
|
|
|
selectAction: 'itemmousedown',
|
|
overCls: 'e-dataview-item-over', //高亮样式
|
selectedCls: 'e-dataview-item-selected', //选中样式
|
|
enableTrackOver: false, //是否支持高亮(true的时候,overClass才有用处)
|
|
tpl:
|
'<%var data = this.data.view; %>\
|
<%for(var i=0,l=data.length; i<l; i++){ %>\
|
<%var o = data[i]; %>\
|
<%=this.getItemHtml(o, i)%>\
|
<%} %>',
|
itemTpl: null, //行模板
|
|
selectModel: 'RowSelect',
|
|
dragDropModel: 'RowDragDrop',
|
dragDropAction: 'move',
|
|
enableDragDrop: false,
|
|
outRemoveFocus: true,
|
_focusItem: null,
|
|
valueField: 'value', //值字段
|
defaultValue: '',
|
delimiter: ',',
|
|
set: function (o, value) {
|
if (!o) return;
|
if (typeof o === 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
|
if (o.data) {
|
this._setData(o.data);
|
delete o.data;
|
}
|
|
return Edo.controls.DataView.superclass.set.call(this, o);
|
},
|
_setValue: function (v) {
|
this.setValue(v);
|
},
|
|
setValue: function (vv) {
|
if (!Edo.isValue(vv)) vv = [];
|
if (typeof vv == 'string') vv = vv.split(this.delimiter);
|
if (!(vv instanceof Array)) vv = [vv];
|
|
var fs = this.fireSelection;
|
if (vv.length > 0) this.fireSelection = false;
|
this.clearSelect();
|
|
if (!this.multiSelect) { //如果是单选,则只选中最后一个
|
vv = [vv[vv.length - 1]];
|
}
|
|
var rs = [];
|
vv.each(function (v) {
|
var o = {};
|
o[this.valueField] = v; //{id: 1}
|
var record = this.data.find(o);
|
if (record) {
|
rs.add(record);
|
}
|
}, this);
|
|
this.fireSelection = fs;
|
this.selectRange(rs, false);
|
|
},
|
getValue: function () {
|
var rs = [];
|
this.selecteds.each(function (o) {
|
if (this.valueField == '*') rs.add(o);
|
else rs.add(o[this.valueField]);
|
}, this);
|
return rs.join(this.delimiter);
|
},
|
createChildren: function (el) {
|
Edo.controls.DataView.superclass.createChildren.call(this, el);
|
this.scrollEl = this.viewport = this.el;
|
//this.doScrollPolicy(this.el);
|
this.ctEl = this.viewport;
|
},
|
init: function () {
|
//拖拽和选择插件
|
var o = Edo.create({ type: this.dragDropModel });
|
if (o) this.addPlugin(o);
|
|
var o = Edo.create({ type: this.selectModel });
|
if (o) this.addPlugin(o);
|
|
var o = new Edo.plugins.TableKeyboard();
|
if (o) this.addPlugin(o);
|
|
Edo.controls.DataView.superclass.init.call(this);
|
},
|
initEvents: function () {
|
this.on('click', this._onClick, this);
|
this.on('mousedown', this._onMouseDown, this);
|
this.on('dblclick', this._onDblClick, this);
|
this.on('mousemove', this._onMouseMove, this);
|
this.on('mouseout', this._onMouseOut, this);
|
Edo.controls.DataView.superclass.initEvents.call(this);
|
|
},
|
getViewportBox: function () {
|
return Edo.util.Dom.getBox(this.viewport);
|
},
|
getCtEl: function () {
|
return this.ctEl;
|
},
|
//从一个dom,找到此dom父级代表item的元素
|
getItemElByChild: function (el) {
|
var t = typeof this.itemSelector;
|
if (t == 'string') {
|
return Edo.util.Dom.findParent(el, this.itemSelector, 20);
|
} else if (t == 'function') {
|
return this.itemSelector(el);
|
}
|
},
|
getItemEl: function (record) {
|
record = this.getRecord(record);
|
var d = Edo.getDom(this.createItemId(record));
|
return d;
|
},
|
addItemCls: function (record, cls) {
|
var el = this.getItemEl(record);
|
if (el) Edo.util.Dom.addClass(el, cls);
|
},
|
removeItemCls: function (record, cls) {
|
var el = this.getItemEl(record);
|
if (el) Edo.util.Dom.removeClass(el, cls);
|
},
|
getItemBox: function (record) {
|
var itemEl = this.getItemEl(record);
|
return Edo.util.Dom.getBox(itemEl);
|
},
|
//获得所有的item(dom)
|
getItems: function () {
|
if (!this._items) {
|
this._items = Edo.util.Dom.getsbyClass(this.itemSelector, this.el);
|
}
|
return this._items;
|
},
|
//
|
getItemIndex: function (item) {
|
var items = this.getItems();
|
return items.indexOf(item);
|
},
|
getByIndex: function (index) {
|
var items = this.getItems();
|
return items[index];
|
},
|
_onClick: function (e) {
|
var el = this.fireItemEvent(e, 'click');
|
},
|
_onDblClick: function (e) {
|
this.fireItemEvent(e, 'dblclick');
|
},
|
_onMouseDown: function (e) {
|
this.fireItemEvent(e, 'mousedown');
|
|
//
|
this.focus();
|
},
|
focus: function () {
|
if (!this.focusElement) {
|
this.focusElement = Edo.util.Dom.append(this.el, '<a class="e-focus" href="#"></a>');
|
}
|
var el = this.focusElement;
|
try {
|
setTimeout(function () {
|
try {
|
el.focus();
|
} catch (e) { }
|
}, 100);
|
} catch (e) { }
|
},
|
_onMouseMove: function (e) {
|
var e = this.fireItemEvent(e, 'mousemove');
|
|
if (e.within(this.viewport) && e.item) {
|
this.focusItem(e.item);
|
}
|
},
|
_onMouseOut: function (e) {
|
|
if (this.outRemoveFocus) {
|
this.blurItem(this._focusItem);
|
}
|
},
|
getRecordByEvent: function (e) {
|
var el = this.getItemElByChild(e.target);
|
if (el) {
|
return this.data.getById(this.getItemId(el.id));
|
}
|
},
|
fireItemEvent: function (e, name) {
|
|
var record = this.getRecordByEvent(e);
|
if (record) {
|
name = 'item' + name;
|
e = Edo.apply(e, {
|
type: name,
|
source: this,
|
item: record
|
});
|
this.fireEvent(name, e);
|
}
|
return e
|
},
|
enableScrollIntoView: true,
|
focusItem: function (record) {
|
|
if (!this.enableTrackOver) return;
|
record = this.getRecord(record);
|
if (!record) return;
|
if (record == this._focusItem) return;
|
this.blurItem(this._focusItem);
|
var d = this.getItemEl(record);
|
if (d) {
|
Edo.util.Dom.addClass(d, this.overCls);
|
}
|
if (this.enableScrollIntoView) this.scrollIntoView(record);
|
this._focusItem = record;
|
},
|
scrollIntoView: function (record) {
|
var d = this.getItemEl(record);
|
if (d) {
|
Edo.util.Dom.scrollIntoView(d, this.scrollEl, false);
|
}
|
},
|
blurItem: function (record) {
|
record = this.getRecord(record);
|
var items = record ? [this.getItemEl(record)] : this.getItems();
|
for (var i = 0, l = items.length; i < l; i++) {
|
var d = this.getItemEl(items[i]);
|
if (d) Edo.util.Dom.removeClass(d, this.overCls);
|
}
|
this._focusItem = null;
|
},
|
|
getFocusItem: function () {
|
return this._focusItem;
|
},
|
getRecord: function (record) {
|
var type = Edo.type(record);
|
if (type == 'number') {
|
record = this.data.getAt(record);
|
} else if (type == 'string') {
|
record = this.data.getById(record);
|
} else if (type == 'element') {
|
record = this.data.getById(this.getItemId(record.id));
|
}
|
return record;
|
},
|
checkSelecteds: function () {
|
for (var i = this.selecteds.length - 1; i >= 0; i--) {
|
var o = this.selecteds[i];
|
if (!this.data.source.contains(o)) {
|
this.selecteds.removeAt(i);
|
}
|
}
|
},
|
|
isSelected: function (record) {
|
return this.selecteds.contains(record);
|
},
|
|
getSelected: function () {
|
return this.selecteds[this.selecteds.length - 1];
|
},
|
|
getSelecteds: function () {
|
return this.selecteds.clone();
|
},
|
|
doDeselect: function (recoreds) {
|
var doc = document;
|
recoreds.each(function (o) {
|
var d = doc.getElementById(this.createItemId(o));
|
if (d) Edo.util.Dom.removeClass(d, this.selectedCls);
|
}, this);
|
},
|
doSelect: function (recoreds) {
|
var doc = document;
|
recoreds.each(function (o) {
|
var d = doc.getElementById(this.createItemId(o));
|
if (d) Edo.util.Dom.addClass(d, this.selectedCls);
|
}, this);
|
if (recoreds.length > 0) {
|
var record = recoreds[recoreds.length - 1];
|
//var d = Edo.getDom(this.createItemId(record));
|
//if(d && this.enableScrollIntoView) Edo.util.Dom.scrollIntoView(d, this.scrollEl,false);
|
}
|
},
|
|
select: function (record) {//真正需要的是row id:record,dom
|
|
record = this.getRecord(record);
|
if (!record || record.enableSelect === false) return false;
|
|
var isSelected = this.isSelected(record);
|
if (isSelected && !this.repeatSelect) return true; //如果已经选择过,则不继续选择
|
//if(this.isSelected(record)) return true; //如果已经选择过,则不继续选择
|
|
if (this.fireSelection !== false) {
|
if (this.fireEvent('beforeselectionchange', {
|
type: 'beforeselectionchange',
|
source: this,
|
selected: record
|
}) === false) return false;
|
}
|
|
if (!this.multiSelect) {
|
this.doDeselect(this.selecteds);
|
this.selecteds = [];
|
}
|
if (!this.isSelected(record)) {
|
this.selecteds.add(record);
|
}
|
|
this.selected = this.getSelected();
|
|
if (this.fireSelection !== false) {
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this,
|
selected: this.selected
|
});
|
this.data.select(this.selected);
|
|
this.doSelect(this.selecteds);
|
|
//
|
this.changeProperty('value', this.getValue(), true);
|
}
|
|
this.afterSelect();
|
this._focusItem = null;
|
return true;
|
},
|
|
deselect: function (record) {
|
|
record = this.getRecord(record);
|
if (!record) return false;
|
if (!this.isSelected(record)) return false;
|
|
if (this.fireSelection !== false) {
|
if (this.fireEvent('beforeselectionchange', {
|
type: 'beforeselectionchange',
|
source: this,
|
selected: this.selected,
|
deselected: record
|
}) === false) return false;
|
}
|
|
this.selecteds.remove(record);
|
|
this.doDeselect([record]);
|
|
this.selected = this.getSelected();
|
|
if (this.fireSelection !== false) {
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this,
|
selected: this.selected
|
});
|
this.data.select(this.selected);
|
|
this.changeProperty('value', this.getValue(), true);
|
}
|
this.afterSelect();
|
|
this._focusItem = null;
|
return true;
|
},
|
afterSelect: function () {
|
|
},
|
|
selectRange: function (records, append) {
|
var fs = this.fireSelection;
|
this.fireSelection = false;
|
if (append === false) {
|
this.clearSelect();
|
}
|
if (!(records instanceof Array)) records = [records];
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
if (i == l - 1) {
|
this.fireSelection = fs; //最后一下: 激发事件+DOM操作+HASH存储
|
}
|
this.select(record);
|
}
|
this.fireSelection = fs
|
},
|
|
deselectRange: function (records) {
|
var fs = this.fireSelection;
|
for (var i = 0, l = records.length; i < l; i++) {
|
if (i == 0) this.fireSelection = false;
|
if (i == l - 1) this.fireSelection = fs;
|
this.deselect(records[i]);
|
}
|
this.fireSelection = fs;
|
},
|
selectAll: function () {
|
this.selecteds = this.data[this.dataViewField];
|
this.selected = this.getSelected();
|
this.doSelect(this.selecteds);
|
},
|
deselectAll: function () {
|
this.doDeselect(this.selecteds);
|
this.selecteds = [];
|
this.selected = null;
|
},
|
|
clearSelect: function () {
|
this.deselectRange(this.selecteds.clone());
|
},
|
_setData: function (data) {
|
if (typeof data === 'string') data = window[data];
|
if (!data) data = [];
|
if (data.componentMode != 'data') {
|
if (!this.data) {
|
data = new Edo.data.DataTable(data);
|
} else {
|
this.data.load(data);
|
return;
|
}
|
}
|
|
if (this.data && this.data.un) {
|
this.data.un('datachange', this._onDataChanged, this);
|
this.data.un('selectionchange', this._onDataSelectionChange, this);
|
this.data.un('valid', this._onDataValid, this);
|
this.data.un('invalid', this._onDataInvalid, this);
|
}
|
this.data = data;
|
this.data.on('datachange', this._onDataChanged, this);
|
this.data.on('selectionchange', this._onDataSelectionChange, this);
|
this.data.on('valid', this._onDataValid, this);
|
this.data.on('invalid', this._onDataInvalid, this);
|
|
if (this.rendered) {
|
this._onDataChanged({ action: 'refresh' });
|
}
|
|
//this.relayout('data');
|
},
|
_onDataValid: function (e) {
|
|
},
|
_onDataInvalid: function (e) {
|
|
},
|
_onDataSelectionChange: function (e) {
|
if (e.selected) {
|
if (this.isSelected(e.selected)) return;
|
this.selectRange(e.selected, false);
|
} else {
|
this.clearSelect();
|
}
|
},
|
enableDeferRefresh: true,
|
_onDataChanged: function (e) {
|
|
this.checkSelecteds();
|
if (e) {
|
|
switch (e.action) {
|
case 'add':
|
this.insertItem(e.index, e.records, e);
|
|
break;
|
case 'remove':
|
this.removeItem(e.records, e);
|
|
break;
|
case 'resetfield':
|
case 'reset':
|
case 'update':
|
this.replaceItem([e.record], e);
|
|
break;
|
case 'move':
|
this.moveItem(e.index, e.records, e);
|
break;
|
case 'clear':
|
case 'load':
|
case 'refresh':
|
this.clearSelect();
|
case 'filter':
|
case 'sort':
|
if (this.enableDeferRefresh) this.deferRefresh();
|
else this.refresh();
|
break;
|
}
|
}
|
this._items = null;
|
|
//处理选中状态
|
|
this.doSelect(this.selecteds);
|
|
this.fixAutoSize();
|
this.relayout('datachange');
|
},
|
createItemId: function (record) {
|
return record ? this.id + '$' + record.__id : null;
|
},
|
getItemId: function (id) {
|
if (id) return id.split('$')[1];
|
},
|
deferRefresh: function () {
|
if (this.changeTimer) {
|
clearTimeout(this.changeTimer);
|
this.changeTimer = null;
|
}
|
this.changeTimer = this.refresh.defer(1, this, arguments);
|
},
|
|
refresh: function () {
|
if (this.el) {
|
this.fixAutoSize();
|
this.viewport.innerHTML = this.createView();
|
this._items = null;
|
//this.relayout('refresh'); //不能用这个!!! 如果在syncSize中refresh就玩了
|
}
|
//渲染刷新事件
|
this.fireEvent('refresh', {
|
type: 'refresh',
|
source: this
|
});
|
|
this.doSelect(this.selecteds);
|
},
|
createView: function () {
|
var s = '';
|
if (this.loading) {
|
s = this.loadingText;
|
} else {
|
if (!this.data || this.data.getCount() == 0) {
|
s = this.emptyText;
|
} else if (this.tpl) {
|
if (typeof this.tpl === 'string') this.tpl = new Edo.util.Template(this.tpl);
|
s = this.tpl.run(this);
|
}
|
}
|
return s;
|
},
|
getInnerHtml: function (sb) {
|
sb[sb.length] = this.createView();
|
},
|
_setTpl: function (tpl) {
|
if (typeof tpl === 'string') tpl = new Edo.util.Template(tpl);
|
this.tpl = tpl;
|
},
|
_setItemTpl: function (tpl) {
|
if (typeof tpl === 'string') tpl = new Edo.util.Template(tpl);
|
this.itemTpl = tpl;
|
},
|
getItemHtml: function (record, index) {
|
this.item = record;
|
this.index = index;
|
this.itemId = this.createItemId(record);
|
var s = this.itemTpl.run(this);
|
delete this.item;
|
delete this.index;
|
return s;
|
},
|
|
insertItem: function (index, records) {
|
|
var target = this.getItems()[index];
|
for (var i = 0, l = records.length; i < l; i++) {
|
var s = this.getItemHtml(records[i], index + i);
|
if (target) {
|
Edo.util.Dom.before(target, s);
|
} else {
|
Edo.util.Dom.append(this.getCtEl(), s);
|
}
|
}
|
},
|
removeItem: function (records) {
|
for (var i = 0, l = records.length; i < l; i++) {
|
var d = this.getItemEl(records[i]);
|
Edo.removeNode(d);
|
}
|
},
|
replaceItem: function (records) {
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
if (!record) continue;
|
var d = this.getItemEl(record);
|
if (!d) continue;
|
var index = this.data.indexOf(record);
|
var s = this.getItemHtml(record, index);
|
|
Edo.util.Dom.after(d, s);
|
|
Edo.removeNode(d);
|
}
|
},
|
moveItem: function (index, records) {
|
|
var target = this.data.getAt(index);
|
|
var t = this.getItemEl(target);
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
var ri = this.data.indexOf(record);
|
var d = Edo.getDom(this.createItemId(record));
|
if (!d) continue;
|
if (t) {
|
Edo.util.Dom.before(t, d);
|
} else {
|
Edo.util.Dom.append(this.getCtEl(), d);
|
}
|
}
|
},
|
destroy: function () {
|
this.data.un('datachanged', this._onDataChanged, this);
|
|
Edo.controls.DataView.superclass.destroy.call(this);
|
}
|
});
|
Edo.controls.DataView.regType('dataview');
|
Edo.controls.DataView.prototype.viewRow = Edo.controls.DataView.prototype.focusItem;
|
|
|
|
|
|
|
|
|
Edo.lists.TableBody = function (table) {
|
Edo.lists.TableBody.superclass.constructor.call(this);
|
this.table = table;
|
// this.el = table.viewport;
|
// this.view = this.el.childNodes[3];
|
// this.lineview = this.el.lastChild;
|
|
};
|
Edo.lists.TableBody.extend(Edo.core.Component, {
|
// _ansyView: function(){
|
// var t = this.table;
|
// if(t.headerVisible) this.el.style.top = t.headerHeight + 'px';
|
// else this.el.style.top = '0px';
|
// Edo.util.Dom.setSize(this.el, this.width, this.height);
|
// },
|
_createView: function (sr, sc, er, ec, simple) {
|
var t = this.table;
|
|
if (sr < 0) sr = 0;
|
if (sc < 0) sc = 0;
|
if (er < 0 || er >= t.data.getCount()) er = t.data.getCount() - 1;
|
if (ec < 0 || ec >= t.columns.length) ec = t.columns.length - 1;
|
|
t.startColumn = sc;
|
t.endColumn = ec;
|
|
//
|
var data = t.data, view = data[t.dataViewField];
|
var columns = t.columns;
|
var sb = []; //可以分两次刷新
|
var top = 0;
|
|
t.selectHash = {};
|
t.selecteds.each(function (o) {
|
t.selectHash[o.__id] = 1;
|
});
|
|
|
t.cellSelectHash = {};
|
t.cellSelecteds.each(function (o) {
|
t.cellSelectHash[o.record.__id + o.column.id] = 1;
|
});
|
|
sb[sb.length] = '<table class="e-table-table" cellspacing="0" cellpadding="0" border="0"><tbody>';
|
|
for (var j = sr; j <= er; j++) {
|
var r = view[j];
|
t.getItemHtml(r, j, sb);
|
}
|
|
sb[sb.length] = '</tbody></table>';
|
|
if (view.length == 0) {
|
sb[sb.length] = '<div style="width:' + t.getColumnAllWidth() + 'px;height:1px;overflow:hidden;"></div>';
|
}
|
|
return sb.join('');
|
}
|
// ,
|
// _updateView: function(){
|
// var t = this.table;
|
// this.view = Edo.replaceHtml(this.view, this._createView(t.startRow, t.startColumn, t.endRow, t.endColumn));
|
//
|
// //1)
|
//// var sf = this;
|
//// //var frag = document.createDocumentFragment();
|
//// this.viewInnerHTML = this._createView(t.startRow, t.startColumn, t.endRow, t.endColumn);
|
////
|
//// if(this.viewTimer) clearTimeout(this.viewTimer);
|
////
|
//// this.viewTimer = setTimeout(function(){
|
//// sf.view = Edo.replaceHtml(sf.view, sf.viewInnerHTML);
|
//// }, 0);
|
//
|
// //frag.innerHTML = this._createView(t.startRow, t.startColumn, t.endRow, t.endColumn);
|
//
|
//// setTimeout(function(){
|
//// //sf.view = Edo.replaceHtml(sf.view, sf._createView(t.startRow, t.startColumn, t.endRow, t.endColumn));
|
//// //debugger
|
//// //sf.view.appendChild(frag);
|
//// //document.body.appendChild(frag);
|
//// }, 0);
|
//
|
//
|
// //this.view.innerHTML = str;
|
// //!!!重要,如果直接把原有html全部删除的话,在IE下,会重复拉取icon图片.
|
// }
|
});
|
|
//function asyncInnerHTML(HTML, callback) {
|
// var temp = document.createElement('div'),
|
// frag = document.createDocumentFragment();
|
// temp.innerHTML = HTML;
|
// (function(){
|
// if(temp.firstChild){
|
// frag.appendChild(temp.firstChild);
|
// setTimeout(arguments.callee, 0);
|
// } else {
|
// callback(frag);
|
// }
|
// })();
|
//}
|
|
|
Edo.lists.TableHeader = function (table) {
|
Edo.lists.TableHeader.superclass.constructor.call(this);
|
this.table = table;
|
};
|
Edo.lists.TableHeader.extend(Edo.core.Component, {
|
_createView: function (sc, ec) {
|
var t = this.table;
|
if (sc < 0) sc = 0;
|
if (ec < 0 || ec >= t.columns.length) ec = t.columns.length - 1;
|
|
var columns = t.groupColumns;
|
|
var id = t.id;
|
var allColumnWidth = t.getColumnAllWidth() + 1000;
|
|
function renderer(v, col) {
|
//column:sortDir,sortType
|
var s = '';
|
if (col.sortDir) {
|
if (isIE || isSafari) {
|
s = ' ';
|
} else {
|
s = ' ';
|
}
|
}
|
if (!v && v !== 0) v = ' ';
|
return '<div class="e-table-header-cell-inner ' + (col.sortDir ? "e-table-sort-icon" : '') + '" style="overflow:hidden;line-height:' + col.height + 'px;font-size:12px;white-space: nowrap;">' + v + s + '</div>';
|
}
|
var headerStr = '<div class="e-table-header-row" style="overflow:hidden;width:' + allColumnWidth + 'px;height:' + ((t.columnDepth + 1) * t.columnHeight) + 'px;">';
|
var sb = [];
|
//alert(isBorderBox);
|
function createHeaderColumn(columns, left, top) {
|
|
for (var i = 0, l = columns.length; i < l; i++) {
|
var c = columns[i];
|
if (c.visible === false) continue;
|
|
var cw = c.width;
|
//if(!t.isBorderBox) cw -= 1;
|
|
var hasColumns = c.columns && c.columns.length > 0;
|
var ch = hasColumns ? t.columnHeight : (t.columnDepth - c.depth + 1) * t.columnHeight;
|
c.height = ch;
|
|
var sortCls = '';
|
if (c.sortDir == 'asc') sortCls = 'e-table-sort-desc';
|
else if (c.sortDir == 'desc') sortCls = 'e-table-sort-asc';
|
|
sb[sb.length] = '<div id=' + (id + "|" + c.id) + ' class="e-table-cell ' + t.headerCellCls + ' ' + (sortCls) + ' ' + (c.headerCls || '') + '" style="text-align:';
|
sb[sb.length] = c.headerAlign || 'left';
|
sb[sb.length] = ';position:absolute;left:';
|
sb[sb.length] = left + 'px;top:';
|
sb[sb.length] = top + 'px;width:';
|
sb[sb.length] = cw + 'px;height:';
|
sb[sb.length] = ch;
|
sb[sb.length] = 'px;';
|
sb[sb.length] = '">';
|
|
var v = typeof (c.header) === 'function' ? c.header(c, t.data, t) : renderer(c.header, c);
|
sb[sb.length] = Edo.isValue(v) ? v : ' ';
|
|
sb[sb.length] = '</div>';
|
|
if (hasColumns) {
|
createHeaderColumn(c.columns, left, top + t.columnHeight);
|
}
|
|
left += cw;
|
|
//split resize column
|
if (c.enableResize !== false && !hasColumns) {
|
sb[sb.length] = '<div id="split|' + c.id + '" class="e-table-split" style="left:' + (left - 2) + 'px;top:' + top + 'px;"> </div>';
|
}
|
}
|
}
|
var left = isBorderBox ? 1 : -1;
|
createHeaderColumn(columns, left, 0);
|
|
headerStr += sb.join('') + '</div>';
|
|
return headerStr;
|
}
|
});
|
|
|
Edo.lists.TableFooter = function (table) {
|
Edo.lists.TableFooter.superclass.constructor.call(this);
|
this.table = table;
|
};
|
Edo.lists.TableFooter.extend(Edo.core.Component, {
|
_createView: function (sc, ec) {
|
var t = this.table;
|
var sb = [];
|
// if(t.summaryRowVisible && t.summaryRowPosition == 'bottom'){
|
// sb[sb.length] = t.createSummaryRow(sc, ec);
|
// }
|
// if(t.filterRowVisible && t.filterRowPosition == 'bottom'){
|
// sb[sb.length] = t.createFilterRow(sc, ec);
|
// }
|
return sb.join('');
|
}
|
});
|
|
Edo.lists.Table = function () {
|
Edo.lists.Table.superclass.constructor.call(this);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.columns = [];
|
this.cellSelecteds = [];
|
this.invalidCells = {};
|
|
this.defaultValue = [];
|
};
|
Edo.lists.Table.extend(Edo.controls.DataView, {
|
|
|
dataViewField: 'view',
|
|
|
startColumn: 0,
|
endColumn: -2,
|
startRow: 0,
|
endRow: -2,
|
|
enableRowCls: true,
|
|
enableStripe: false,
|
|
stripeCls: 'e-table-stripe',
|
|
overCls: 'e-table-row-over',
|
selectedCls: 'e-table-row-selected',
|
itemCls: 'e-table-row',
|
itemSelector: 'e-table-row',
|
cellCls: 'e-table-cell',
|
cellSelectedCls: 'e-table-cell-selected',
|
cellDirtyCls: 'e-table-cell-dirty',
|
headerCellCls: 'e-table-header-cell',
|
|
elCls: 'e-table e-dataview e-div',
|
|
scrolloffset: 18,
|
|
verticalScrollPolicy: 'auto',
|
|
horizontalScrollPolicy: 'auto',
|
|
headerVisible: true,
|
|
foolterVisible: false,
|
|
verticalLine: true,
|
|
horizontalLine: true,
|
|
cellEditAction: 'cellmousedown',
|
|
cellSelectAction: 'cellmousedown',
|
|
rowSelectMode: 'single', //single, multi
|
|
cellSelectMode: 'single', //single,multi
|
|
enableCellSelect: false,
|
|
enableCellEdit: true,
|
|
cellDirtyVisible: true,
|
|
columnWidth: 100,
|
|
columnMinWidth: 20,
|
|
columnMaxWidth: 2000,
|
|
columnHeight: 24,
|
|
enableColumnSort: false,
|
|
defaultSortDir: 'asc',
|
|
|
summaryRowVisible: false,
|
|
summaryRowPosition: 'bottom',
|
|
filterRowVisible: false,
|
|
filterRowPosition: 'top',
|
|
selectModel: 'TableSelect',
|
dragDropModel: 'TableDragDrop',
|
cellSelectModel: 'cellselect',
|
cellEditModel: 'celledit',
|
sortModel: 'tablesort',
|
headerDragDropModel: 'headerdragdrop',
|
headerSplitterModel: 'HeaderSplitter',
|
|
|
enableColumnDragDrop: true,
|
dragShadow: true,
|
|
|
minEditorWidth: 30,
|
|
minEditorHeight: 15,
|
|
rowHeight: 20,
|
|
minWidth: 100,
|
|
minHeight: 80,
|
|
headerHeight: 24,
|
footerHeight: 24,
|
viewCellId: true,
|
|
nosetcolumnid: '不能设置重复的列id',
|
|
headerClass: Edo.lists.TableHeader,
|
bodyClass: Edo.lists.TableBody,
|
footerClass: Edo.lists.TableFooter,
|
|
|
autoExpandColumn: null,
|
|
autoColumns: false,
|
|
cellError: '此单元格验证错误',
|
|
enableCellValid: true,
|
|
cellValidAction: 'aftercelledit', //'beforesubmitedit',
|
cellValidModel: 'cellvalid',
|
|
showCellValid: true,
|
|
cellInvalidCls: 'e-table-cell-invalid',
|
|
valueField: 'data',
|
|
setValue: function (v) {
|
this.data.load(v);
|
},
|
getValue: function () {
|
return this.data.source;
|
},
|
resetValue: function () {
|
this.setValue(this.defaultValue);
|
},
|
markFormValue: function () {
|
var value = this.getValue();
|
if (!this.hidden && this.enableForm) {
|
this.hidden = Edo.util.Dom.append(this.el, '<input type="hidden" name="' + this.name + '" value="" />');
|
}
|
if (this.hidden) this.hidden.value = Edo.util.JSON.encode(value);
|
},
|
|
_setRowSelectMode: function (value) {
|
if (value != this.rowSelectMode) {
|
this.rowSelectMode = value;
|
if (this.rowSelectMode == 'multi') {
|
this.multiSelect = true;
|
} else {
|
this.multiSelect = false;
|
}
|
}
|
},
|
_setMultiSelect: function (value) {
|
if (value != this.multiSelect) {
|
this.multiSelect = value;
|
if (value == true) {
|
this.rowSelectMode = 'multi';
|
} else {
|
this.rowSelectMode = 'single';
|
}
|
}
|
},
|
|
within: function (e) { //传递一个事件对象,判断是否在此控件的点击区域内
|
var ae = this.activeEditor;
|
if (ae && ae.editor.within(e)) {
|
return true;
|
}
|
return Edo.lists.Table.superclass.within.call(this, e);
|
},
|
createChildren: function (el) {
|
Edo.lists.Table.superclass.createChildren.call(this, el);
|
|
if (this.horizontalLine) {
|
this.addCls('e-table-horizontalline');
|
}
|
if (this.verticalLine) {
|
this.addCls('e-table-verticalline');
|
}
|
|
this.initTable();
|
|
this.refreshFilter();
|
this.refreshSummary();
|
},
|
init: function () {
|
|
var o = Edo.create({ type: this.cellSelectModel });
|
if (o) this.addPlugin(o);
|
|
var o = Edo.create({ type: this.cellEditModel });
|
if (o) this.addPlugin(o);
|
|
var o = Edo.create({ type: this.cellValidModel });
|
if (o) this.addPlugin(o);
|
|
var o = Edo.create({ type: this.sortModel });
|
if (o) this.addPlugin(o);
|
|
var o = Edo.create({ type: this.headerDragDropModel });
|
if (o) this.addPlugin(o);
|
|
var o = Edo.create({ type: this.headerSplitterModel });
|
if (o) this.addPlugin(o);
|
|
this.multiSelect = this.rowSelectMode == 'multi' ? true : false;
|
|
Edo.lists.Table.superclass.init.call(this);
|
|
this.on('cellvalid', this._oncellvalid, this, 0);
|
this.on('cellinvalid', this._oncellinvalid, this, 0);
|
},
|
_onMouseDown: function (e) {
|
this.fireItemEvent(e, 'mousedown');
|
|
//
|
if (!Edo.util.Dom.findParent(e.target, 'e-table-filter-row')) {
|
this.focus();
|
} else {
|
setTimeout(function () {
|
e.target.focus();
|
}, 150);
|
}
|
},
|
_oncellvalid: function (e) {
|
|
this.clearCellInvalid(e.record, e.column);
|
},
|
_oncellinvalid: function (e) {
|
|
this.showCellInvalid(e.record, e.column, e.errorMsg);
|
},
|
fixAutoSize: function () {
|
if (this.viewport) {
|
if (this.autoWidth) {
|
this.viewport.style.width = 'auto';
|
}
|
if (this.autoHeight) {
|
this.viewport.style.height = 'auto';
|
}
|
}
|
Edo.lists.Table.superclass.fixAutoSize.call(this);
|
},
|
measure: function () {
|
Edo.lists.Table.superclass.measure.call(this);
|
|
if (this.autoHeight) {
|
var h = this.getHorizontalScrollOffset();
|
this.realHeight += h;
|
}
|
},
|
syncBox: function () {
|
|
this.box = Edo.util.Dom.getBox(this.el, true);
|
this.headerBox = Edo.util.Dom.getBox(this.headEl, true);
|
var footerHeight = this.getFooterHeight();
|
Edo.util.Dom.setSize(this.viewport, this.box.width, this.box.height - this.headerBox.height - footerHeight);
|
|
var viewportScrollLeft = this.getViewportScrollLeft();
|
this.footEl.scrollLeft = viewportScrollLeft;
|
this.headEl.scrollLeft = viewportScrollLeft;
|
|
//如果不是自适应系列属性, 则不需要调整
|
// var c = this.getColumn(this.autoExpandColumn);
|
// if(!c && !this.autoColumns){
|
// return;
|
// }
|
|
var viewBox = Edo.util.Dom.getBox(this.viewport, true);
|
this.viewBox = viewBox;
|
this.viewWidth = viewBox.width;
|
this.viewHeight = viewBox.height;
|
|
//静态表格
|
this.syncColumns();
|
if (this.rendered && this.viewport && this.viewport.firstChild && this.viewport.firstChild.rows) {
|
var row = this.viewport.firstChild.rows[0];
|
if (row) {
|
for (var i = 0, l = this.columns.length; i < l; i++) {
|
var cell = row.cells[i];
|
if (!cell) continue;
|
var w = this.columns[i].width;
|
if (!this.isBorderBox) w -= 1;
|
if (w < 0) w = 0;
|
cell.style.width = w + 'px';
|
}
|
//Edo.util.Dom.repaint(this.viewport.firstChild);
|
}
|
//暂存列宽信息, 如果不一致, 才更新表头
|
|
this.refreshHeader();
|
this.refreshFooter();
|
}
|
|
this.headerBox = Edo.util.Dom.getBox(this.headEl, true);
|
var footerHeight = this.getFooterHeight();
|
Edo.util.Dom.setSize(this.viewport, this.box.width, this.box.height - this.headerBox.height - footerHeight);
|
|
},
|
initTable: function () {
|
this.headEl = this.el.firstChild;
|
this.headRowEl = this.el.firstChild.firstChild;
|
this.viewport = this.el.childNodes[1];
|
this.footEl = this.el.childNodes[2];
|
this.scrollEl = this.viewport;
|
this.ctEl = this.getCtEl();
|
|
this.headEl.style.height = this.headerVisible ? 'auto' : '0px';
|
this.headEl.style.display = this.headerVisible ? '' : 'none';
|
|
this.footEl.style.display = this.foolterVisible ? '' : 'none';
|
|
this.doScrollPolicy(this.scrollEl);
|
|
Edo.util.Dom.on(this.viewport, 'scroll', this._onViewportScroll, this);
|
Edo.util.Dom.on(this.headEl, 'scroll', this._onHeaderScroll, this);
|
},
|
|
getHeaderBox: function () {
|
return this.headerBox;
|
},
|
|
getViewportBox: function () {
|
return this.viewBox;
|
},
|
getCtEl: function () {
|
return this.viewport.firstChild ? this.viewport.firstChild.tBodies[0] : null;
|
},
|
addRowCls: function (record, cls) {
|
if (!record) return;
|
this.addItemCls(record, cls);
|
record.__cls = cls;
|
},
|
removeRowCls: function (record, cls) {
|
if (!record) return;
|
this.removeItemCls(record, cls);
|
record.__cls = "";
|
},
|
_onDataChanged: function (e) {
|
this.refreshSummary();
|
|
Edo.lists.Table.superclass._onDataChanged.call(this, e);
|
this.doSelectCell(this.cellSelecteds);
|
|
},
|
refresh: function (all) {
|
if (!this.el) return;
|
if (all === true) {
|
this.refreshHeader();
|
this.refreshFooter();
|
}
|
Edo.lists.Table.superclass.refresh.call(this, all);
|
|
var viewportScrollLeft = this.getViewportScrollLeft();
|
this.footEl.scrollLeft = viewportScrollLeft;
|
this.headEl.scrollLeft = viewportScrollLeft;
|
|
this.showAllCellInvalid();
|
},
|
getViewportScrollLeft: function () {
|
return this.viewport ? this.viewport.scrollLeft : 0;
|
},
|
refreshHeader: function () {
|
if (this.headRowEl) {
|
Edo.removeNode(this.headRowEl);
|
}
|
var hd = this.getHeader();
|
var headHtml = hd._createView(this.startColumn, this.endColumn);
|
this.headRowEl = Edo.util.Dom.preend(this.headEl, headHtml);
|
|
if (this.filterRowVisible && this.filterRowPosition == 'top') {
|
this.refreshFilter(this.startColumn, this.endColumn);
|
}
|
if (this.summaryRowVisible && this.summaryRowPosition == 'top') {
|
this.refreshSummary(this.startColumn, this.endColumn);
|
}
|
},
|
refreshFooter: function () {
|
if (this.filterRowVisible && this.filterRowPosition == 'bottom') {
|
this.refreshFilter(this.startColumn, this.endColumn);
|
}
|
if (this.summaryRowVisible && this.summaryRowPosition == 'bottom') {
|
this.refreshSummary(this.startColumn, this.endColumn);
|
}
|
},
|
refreshFilter: function () {
|
|
if (!this.filterRowVisible) return;
|
var ct = this.filterRowPosition == 'bottom' ? this.footEl : this.headEl;
|
|
var html = this.createFilterRow(0, this.columns.length);
|
if (this.filterEl) {
|
Edo.util.Dom.clearNodes(this.filterEl);
|
Edo.removeNode(this.filterEl);
|
}
|
this.filterEl = Edo.util.Dom.append(ct, html);
|
//filter
|
|
for (var i = 0, l = this.columns.length; i < l; i++) {
|
var c = this.columns[i];
|
var cwidth = c.width;
|
|
if (!this.isBorderBox) cwidth -= 1;
|
|
var cw = cwidth; //left 3,right 3,border-right 1
|
cw -= 3;
|
|
var el = Edo.getDom(this.id + "|" + c.id + '|filter');
|
if (el && c.filter) {
|
el = el.firstChild;
|
Edo.util.Dom.clearNodes(el);
|
el.innerHTML = '';
|
c.filter.set('width', cw);
|
c.filter.render(el);
|
}
|
}
|
},
|
refreshSummary: function () {
|
if (!this.summaryRowVisible) return;
|
var ct = this.summaryRowPosition == 'bottom' ? this.footEl : this.headEl;
|
var html = this.createSummaryRow(0, this.columns.length);
|
if (this.summaryEl) {
|
Edo.removeNode(this.summaryEl);
|
}
|
this.summaryEl = Edo.util.Dom.append(ct, html);
|
},
|
|
fireItemEvent: function (e, name) {
|
var cellEl = this.getHeaderCellElByChild(e.target);
|
if (!cellEl) cellEl = this.getCellElByChild(e.target);
|
if (cellEl) {
|
e.column = this.getColumn(this.getCellId(cellEl.id));
|
e.columnIndex = this.columns.indexOf(e.column);
|
}
|
e.cellEl = cellEl;
|
e.record = this.getRecordByEvent(e);
|
e.rowIndex = this.data.indexOf(e.record);
|
|
var e = Edo.lists.Table.superclass.fireItemEvent.apply(this, arguments);
|
|
if (e.within(this.headEl)) {
|
e.type = 'header' + name;
|
|
this.fireEvent(e.type, e);
|
|
if (e.column) {
|
var fn = e.column['onheader' + name];
|
if (fn) fn.call(e.column, e);
|
}
|
} else if (e.within(this.viewport)) {
|
e.type = 'beforebody' + name;
|
if (this.fireEvent(e.type, e) !== false) {
|
|
if (e.record && cellEl) {
|
e.type = 'cell' + name;
|
this.fireEvent(e.type, e);
|
}
|
|
if (e.column) {
|
var fn = e.column['on' + name];
|
if (fn) fn.call(e.column, e);
|
}
|
|
e.type = 'body' + name;
|
this.fireEvent(e.type, e);
|
}
|
}
|
|
|
return e;
|
},
|
//从一个dom,找到此dom父级代表item的元素
|
getCellElByChild: function (el) {
|
return Edo.util.Dom.findParent(el, this.cellCls, 20);
|
},
|
getCellEl: function (record, column) {
|
record = this.getRecord(record);
|
if (!column) return;
|
var d = Edo.getDom(this.createCellId(record, column));
|
return d;
|
},
|
getHeaderCellElByChild: function (el) {
|
return Edo.util.Dom.findParent(el, this.headerCellCls, 20);
|
},
|
//id, index, column
|
|
getColumn: function (id) {
|
var t = typeof id;
|
var c = id;
|
if (t == 'string') {
|
c = this.columnHash[id];
|
} else if (t == 'number') {
|
c = this.columns[id];
|
} else if (c && c.target) {
|
var cellEl = this.getCellElByChild(c.target);
|
if (cellEl) {
|
c = this.getColumn(this.getCellId(cellEl.id));
|
}
|
}
|
return c;
|
},
|
getColumnById: function (id) {
|
return this.getColumn(id);
|
},
|
|
getColumnIndex: function (column) {
|
column = this.getColumn(column);
|
return this.columns.indexOf(column);
|
},
|
|
getColumnAllWidth: function () {
|
var allw = 0;
|
this.columns.each(function (column) {
|
allw += column.width;
|
}, this);
|
return allw;
|
},
|
getColumnsWidth: function (start, end) {
|
var allw = 0;
|
for (var i = start; i < end; i++) {
|
var column = this.columns[i];
|
allw += column.width;
|
}
|
return allw;
|
},
|
getRowAllHeight: function () {
|
var allh = 0;
|
this.data.each(function (row) {
|
allh += row.__height || this.rowHeight;
|
}, this);
|
return allh;
|
},
|
_setScrollLeft: function (value) {
|
if (this.getViewportScrollLeft != value && this.viewport) {
|
this.viewport.scrollLeft = value;
|
}
|
},
|
_setScrollTop: function (value) {
|
this.viewport.scrollTop = value;
|
},
|
_onHeaderScroll: function (e) {
|
var sleft = this.headEl.scrollLeft;
|
if (sleft != this.getViewportScrollLeft) {
|
this.set('scrollLeft', sleft);
|
}
|
},
|
_onViewportScroll: function (e) {
|
this.footEl.scrollLeft = this.headEl.scrollLeft = this.viewport.scrollLeft;
|
|
this.submitEdit();
|
},
|
getBody: function () {
|
if (!this.body) this.body = new this.bodyClass(this);
|
return this.body;
|
},
|
getHeader: function () {
|
if (!this.header) this.header = new this.headerClass(this);
|
return this.header;
|
},
|
getFooter: function () {
|
if (!this.footer) this.footer = new this.footerClass(this);
|
return this.footer;
|
},
|
|
getHeaderHeight: function () {
|
if (this.headEl) {
|
this.headerHeight = Edo.util.Dom.getHeight(this.headEl);
|
}
|
return this.headerHeight;
|
},
|
getFooterHeight: function () {
|
if (this.footEl) {
|
this.footerHeight = Edo.util.Dom.getHeight(this.footEl);
|
}
|
return this.footerHeight;
|
},
|
getCellBox: function (record, column) {
|
var cellEl = this.getCellEl(record, column);
|
return Edo.util.Dom.getBox(cellEl);
|
},
|
getColumnBox: function (column) {
|
column = this.getColumn(column);
|
var el = this.getColumnEl(column);
|
return Edo.util.Dom.getBox(el);
|
},
|
getInnerHtml: function (sb) {
|
|
this.syncColumns();
|
var hd = this.getHeader();
|
sb[sb.length] = '<div class="e-table-header">';
|
sb[sb.length] = hd._createView(0, this.columns.length);
|
sb[sb.length] = '</div><div class="e-table-viewport">'
|
sb[sb.length] = this.createView();
|
sb[sb.length] = '</div>';
|
sb[sb.length] = '<div class="e-table-footer">';
|
sb[sb.length] = this.getFooter()._createView(0, this.columns.length);
|
sb[sb.length] = '</div>';
|
},
|
createView: function () {
|
var bd = this.getBody();
|
//status = this.scrollLeft +":"+new Date()+":"+this.startRow+":"+this.startColumn+":"+this.endRow+":"+this.endColumn;
|
var sr = this.startRow, er = this.endRow, sc = this.startColumn, ec = this.endColumn;
|
if (sr < 0) sr = 0;
|
if (sc < 0) sc = 0;
|
if (er < 0 || er >= this.data.getCount()) er = this.data.getCount() - 1;
|
if (ec < 0 || ec >= this.columns.length) ec = this.columns.length - 1;
|
|
if (this.live) {
|
sr = 0;
|
}
|
|
return bd._createView(sr, sc, er, ec);
|
},
|
columnChangedRefresh: true,
|
|
_setColumns: function (columns) {
|
|
var t = this;
|
var columnWidth = this.columnWidth;
|
var columnHeight = this.columnHeight;
|
var minWidth = this.columnMinWidth;
|
var enableColumnSort = this.enableColumnSort;
|
|
var ids = this.columnHash = {};
|
|
var cols = [];
|
var hasGroupColumn = false;
|
var columnDepth = 0;
|
|
function doColumn(c, depth, visible) {
|
if (columnDepth < depth) columnDepth = depth;
|
c.depth = depth;
|
c.width = parseInt(c.width);
|
if (isNaN(c.width)) c.width = columnWidth;
|
//}
|
c._width = c.width;
|
|
if (!c.height) c.height = columnHeight;
|
else c.height = parseInt(c.height);
|
|
if (!c.minWidth) c.minWidth = minWidth;
|
else c.minWidth = parseInt(c.minWidth);
|
|
if (!c.editIndex) c.editIndex = c.dataIndex;
|
|
c.id = c.id || Edo.id(null, 'col-');
|
if (ids[c.id]) throw new Error(this.nosetcolumnid);
|
ids[c.id] = c;
|
|
//renderer
|
if (c.renderer) {
|
if (typeof c.renderer === 'string') c.renderer = window[c.renderer];
|
}
|
//editor
|
if (c.editor) {
|
if (typeof c.editor === 'string') {
|
var ed = window[c.editor];
|
if (!ed) {
|
ed = Edo.create({ type: c.editor });
|
}
|
c.editor = ed;
|
}
|
var ed = c.editor;
|
if (ed) {
|
ed.minWidth = 30;
|
c.editor = Edo.create(ed);
|
c.editor.owner = t;
|
}
|
}
|
|
var filter = c.filter;
|
if (filter) {
|
c.filter = Edo.create(filter);
|
|
c.filter.owner = t;
|
}
|
|
//enableSort, sortType, sortDir
|
//c.sortType = c.sortType || String; //默认是字符串类型
|
if (typeof c.enableSort == 'undefined') c.enableSort = enableColumnSort;
|
|
if (c.headerText) {
|
c.header = c.headerText;
|
}
|
|
if (c.columns) { //
|
c.groupColumn = true;
|
hasGroupColumn = true;
|
var colSpan = 0;
|
for (var i = 0, l = c.columns.length; i < l; i++) {
|
var col = c.columns[i];
|
doColumn(col, depth + 1, c.visible);
|
col.groupid = c.id;
|
if (col.visible !== false) {
|
colSpan += col.colSpan;
|
}
|
}
|
c.colSpan = colSpan;
|
|
|
|
} else {
|
c.colSpan = 1;
|
if (c.visible !== false && visible !== false) {
|
cols[cols.length] = c; //没有子columns,才算是实际的column,否则是groupColumn
|
}
|
}
|
|
|
}
|
for (var i = 0, l = columns.length; i < l; i++) {
|
doColumn(columns[i], 0, true);
|
}
|
|
this.hasGroupColumn = hasGroupColumn;
|
this.groupColumns = columns || [];
|
this.columns = cols;
|
this.columnDepth = columnDepth;
|
|
for (var i = 0, l = cols.length; i < l; i++) {
|
cols[i].index = i;
|
}
|
|
//计算每个列的colSpan, 是其下的最长列数
|
// var colSpan = 0;
|
// function getColSpan(c){
|
//
|
// }
|
// for(var i=0,l=columns.length; i<l; i++){
|
// colSpan = 0;
|
// getColSpan(columns[i]);
|
// }
|
|
//this.doLayout();
|
this.measureSize();
|
|
this.syncColumns();
|
|
this.startColumn = 0;
|
this.endColumn = this.columns.length - 1;
|
|
if (this.rendered && this.columnChangedRefresh) {
|
|
this.refresh(true);
|
this.syncBox();
|
//this.deferRefresh();
|
}
|
},
|
_onDataValid: function (e) {
|
|
if (e.action == 'field') {
|
var columns = this.getColumnsByDataIndex(e.field);
|
columns.each(function (column) {
|
this.fireEvent('cellvalid', {
|
type: 'cellvalid',
|
source: this,
|
record: e.record,
|
column: column,
|
field: column.dataIndex,
|
value: e.record[column.dataIndex]
|
});
|
}, this);
|
|
} else {
|
this.data.view.each(function (record) {
|
this.columns.each(function (column) {
|
this.fireEvent('cellvalid', {
|
type: 'cellvalid',
|
source: this,
|
record: record,
|
column: column,
|
field: column.dataIndex,
|
value: record[column.dataIndex]
|
});
|
}, this);
|
}, this);
|
}
|
},
|
_onDataInvalid: function (e) {
|
|
if (e.action == 'field') {
|
var columns = this.getColumnsByDataIndex(e.field);
|
columns.each(function (column) {
|
this.fireEvent('cellinvalid', {
|
type: 'cellinvalid',
|
errorMsg: e.errorMsg,
|
source: this,
|
record: e.record,
|
column: column,
|
field: column.dataIndex,
|
value: e.value
|
});
|
}, this);
|
|
} else {
|
for (var i = 0, l = e.errors.length; i < l; i++) {
|
var error = e.errors[i];
|
error.fields.each(function (datafield) {
|
var columns = this.getColumnsByDataIndex(datafield.name);
|
columns.each(function (column) {
|
this.fireEvent('cellinvalid', {
|
type: 'cellinvalid',
|
errorMsg: datafield.errorMsg,
|
source: this,
|
record: error.record,
|
column: column,
|
field: column.dataIndex,
|
value: datafield.value
|
});
|
}, this);
|
}, this);
|
}
|
}
|
},
|
getVerticalScrollOffset: function () {
|
var offset = 0;
|
if (this.verticalScrollPolicy == 'on') {
|
offset = this.scrolloffset;
|
} else if (this.verticalScrollPolicy == 'off') {
|
|
} else {
|
if (!this.viewport) return 0;
|
//width = Edo.util.Dom.getViewWidth(this.viewport) - 4 ;
|
//if(this.viewport.scroll
|
|
//var isScrollable = Edo.util.Dom.isScrollable(this.viewport, false);
|
//if(isScrollable) width -= this.scrolloffset;
|
var vh = Edo.util.Dom.getHeight(this.viewport, true);
|
var th = Edo.util.Dom.getHeight(this.viewport.firstChild);
|
if (th > vh) {
|
offset = this.scrolloffset;
|
}
|
}
|
return offset;
|
},
|
getHorizontalScrollOffset: function () {
|
var offset = 0;
|
if (this.horizontalScrollPolicy == 'on') {
|
offset = this.scrolloffset;
|
} else if (this.horizontalScrollPolicy == 'off') {
|
|
} else {
|
if (!this.viewport) return 0;
|
//width = Edo.util.Dom.getViewWidth(this.viewport) - 4 ;
|
//if(this.viewport.scroll
|
|
//var isScrollable = Edo.util.Dom.isScrollable(this.viewport, false);
|
//if(isScrollable) width -= this.scrolloffset;
|
var vh = Edo.util.Dom.getWidth(this.viewport, true);
|
var th = Edo.util.Dom.getWidth(this.viewport.firstChild);
|
if (th > vh) {
|
offset = this.scrolloffset;
|
}
|
}
|
return offset;
|
},
|
//计算列的实际宽度值,以便撑满表格
|
syncColumns: function () {
|
var width = this.realWidth;
|
if (this.viewport) {
|
width = Edo.util.Dom.getWidth(this.viewport, true);
|
}
|
width -= this.getVerticalScrollOffset();
|
var oldWidth = width;
|
|
var allw = 0;
|
var fixw = 0;
|
|
var c = this.getColumn(this.autoExpandColumn);
|
|
if (c || this.autoColumns) {
|
for (var i = 0, l = this.columns.length; i < l; i++) {
|
var column = this.columns[i];
|
if (column.fixWidth) {
|
fixw += column._width;
|
} else {
|
allw += column._width;
|
}
|
}
|
}
|
|
if (c) {
|
width -= fixw;
|
w = width - allw + c._width;
|
if (w < this.columnMinWidth) w = this.columnMinWidth;
|
else if (w > this.columnMaxWidth) w = this.columnMaxWidth;
|
//c.width = Math.round(w);
|
c.width = parseInt(w);
|
|
if (c.width < c.minWidth) c.width = c.minWidth;
|
} else if (this.autoColumns) {
|
width -= fixw;
|
this.columns.each(function (column) {
|
if (column.fixWidth) {
|
column.width = column._width;
|
} else {
|
//column.width = Math.round(column.width / allw * width);
|
column.width = parseInt(column._width / allw * width);
|
}
|
if (column.width < column.minWidth) column.width = column.minWidth;
|
}, this);
|
|
var xpWidth = fixw;
|
this.columns.each(function (column) {
|
xpWidth += column.width;
|
});
|
if (this.columns.length > 1) {
|
var lastColumn = this.columns[this.columns.length - 1];
|
lastColumn.width = lastColumn.width + (oldWidth - xpWidth);
|
}
|
}
|
|
function sync(columns) {
|
columns.each(function (c) {
|
if (c.columns) {
|
sync(c.columns);
|
var w = 0;
|
c.columns.each(function (col) {
|
if (col.visible !== false) {
|
w += col.width;
|
}
|
});
|
c.width = w;
|
}
|
});
|
}
|
sync(this.groupColumns);
|
},
|
|
sortColumn: function (column, sortDir) {
|
column = this.getColumn(column);
|
if (!column) return;
|
|
//sortDir = sortDir || column.sortDir;
|
|
for (var i = 0, l = this.columns.length; i < l; i++) {
|
var c = this.columns[i];
|
if (c == column) {
|
if (sortDir) c.sortDir = sortDir;
|
else {
|
if (c.sortDir == 'asc') c.sortDir = 'desc';
|
else if (c.sortDir == 'desc') c.sortDir = 'asc';
|
else c.sortDir = this.defaultSortDir;
|
}
|
} else {
|
delete c.sortDir;
|
}
|
}
|
|
var mapping = column.dataIndex;
|
var dir = column.sortDir;
|
var sortType = column.sortType;
|
|
this.data.sort(function (pre, next) {
|
var r;
|
if (sortType) {
|
r = sortType(Edo.getValue(pre, mapping)) > sortType(Edo.getValue(next, mapping));
|
} else {
|
r = Edo.getValue(pre, mapping) > Edo.getValue(next, mapping);
|
}
|
if (dir == 'asc') return r;
|
else return !r;
|
});
|
},
|
removeColumn: function (c) {
|
if (c.groupid) {
|
var gc = this.getColumn(c.groupid);
|
gc.columns.remove(c);
|
if (gc.columns.length == 0) this.groupColumns.remove(gc);
|
c.groupid = null;
|
} else {
|
this.groupColumns.remove(c)
|
}
|
},
|
|
getColumns: function () {
|
return this.groupColumns;
|
},
|
_getColumns: function () {
|
return this.groupColumns;
|
},
|
getColumnsByDataIndex: function (dataIndex) {
|
var columns = [];
|
this.columns.each(function (column) {
|
if (column.dataIndex == dataIndex) {
|
columns.add(column);
|
}
|
});
|
return columns;
|
},
|
insertColumn: function (target, col, insert) {
|
if (Edo.isNumber(target)) target = this.columns[target];
|
|
this.removeColumn(col, false);
|
|
var gc, index;
|
if (target.groupid) {
|
gc = this.getColumn(target.groupid);
|
index = gc.columns.indexOf(target);
|
gc = gc.columns;
|
} else {
|
gc = this.groupColumns;
|
index = gc.indexOf(target);
|
}
|
|
if (insert == 'preend') {
|
gc.insert(index, col);
|
} else {
|
gc.insert(index + 1, col);
|
}
|
},
|
createCellId: function (record, column) {
|
return this.id + '|' + record.__id + '|' + column.id;
|
},
|
createColumnId: function (column) {
|
return this.id + '|' + column.id;
|
},
|
getCellId: function (id) {
|
if (id) {
|
ids = id.split('|');
|
id = ids[ids.length - 1];
|
}
|
return id;
|
},
|
getColumnByEvent: function (e) {
|
var cellEl = this.getHeaderCellElByChild(e.target);
|
if (!cellEl) cellEl = this.getCellElByChild(e.target);
|
if (cellEl) {
|
return this.getColumn(this.getCellId(cellEl.id));
|
}
|
},
|
getColumnEl: function (column) {
|
column = this.getColumn(column);
|
var d = Edo.getDom(this.createColumnId(column));
|
return d;
|
},
|
scrollIntoView: function (record, column) {
|
var record = this.getRecord(record), column = this.getColumn(column);
|
if (!column) return;
|
var d = this.getItemEl(record);
|
var el = this.getCellEl(record, column);
|
if (d || el) {
|
Edo.util.Dom.scrollIntoView(el || d, this.scrollEl, el ? true : false);
|
}
|
},
|
|
getCellSelected: function () {
|
var cell = this.cellSelecteds[this.cellSelecteds.length - 1];
|
if (cell) cell.cell = cell.record[cell.column.dataIndex];
|
return cell;
|
},
|
|
getCellSelecteds: function () {
|
var cs = this.cellSelecteds;
|
var cells = []; //row, column
|
cs.each(function (id) {
|
var rc = id.split('|');
|
var cell = {
|
record: this.data.getById(rc[0]),
|
column: this.getColumn(rc[1])
|
};
|
cell.cell = cell.row[cell.column.dataIndex];
|
|
cells.add(cell);
|
}, this);
|
|
return cells;
|
},
|
doSelectCell: function (cells) {
|
cells.each(function (o) {
|
var d = Edo.getDom(this.createCellId(o.record, o.column));
|
if (d) Edo.util.Dom.addClass(d, this.cellSelectedCls);
|
}, this);
|
},
|
doDeselectCell: function (cells) {
|
cells.each(function (o) {
|
var d = Edo.getDom(this.createCellId(o.record, o.column));
|
if (d) Edo.util.Dom.removeClass(d, this.cellSelectedCls);
|
}, this);
|
},
|
|
isCellSelected: function (record, column) {
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
|
for (var i = 0, l = this.cellSelecteds.length; i < l; i++) {
|
var c = this.cellSelecteds[i];
|
if (c.record == record && c.column == column) {
|
return true;
|
}
|
}
|
},
|
|
selectCell: function (record, column) { //
|
if (!this.enableCellSelect) return;
|
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
if (!record) return;
|
|
if (this.isCellSelected(record, column) && !this.repeatSelect) return false;
|
|
var cell = { record: record, column: column };
|
|
if (this.fireSelection !== false) {
|
if (this.fireEvent('beforecellselectionchange', {
|
type: 'beforecellselectionchange',
|
source: this,
|
record: record,
|
column: column,
|
value: Edo.getValue(record, column.dataIndex),
|
cellSelected: cell
|
}) === false) return false;
|
}
|
|
if (this.cellSelectMode == 'single') {
|
this.doDeselectCell(this.cellSelecteds);
|
this.cellSelecteds = [];
|
}
|
|
this.cellSelecteds.add(cell);
|
this.doSelectCell([cell]);
|
|
this.cellSelected = this.getCellSelected();
|
|
if (this.fireSelection !== false) {
|
this.fireEvent('cellselectionchange', {
|
type: 'cellselectionchange',
|
source: this,
|
value: Edo.getValue(record, column.dataIndex),
|
record: record,
|
column: column,
|
cellSelected: this.cellSelected
|
});
|
}
|
},
|
|
deselectCell: function (record, column) {
|
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
|
if (!this.isCellSelected(record, column)) return false;
|
|
var cell = {
|
record: record,
|
column: column
|
};
|
|
if (this.fireSelection !== false) {
|
if (this.fireEvent('beforecellselectionchange', {
|
type: 'beforecellselectionchange',
|
source: this,
|
record: record,
|
column: column,
|
cell: record[column.dataIndex],
|
decellSelected: cell
|
}) === false) return false;
|
}
|
|
for (var i = 0, l = this.cellSelecteds.length; i < l; i++) {
|
var c = this.cellSelecteds[i];
|
if (c.record == cell.record && c.column == cell.column) {
|
this.cellSelecteds.removeAt(i);
|
break;
|
}
|
}
|
|
this.doDeselectCell([cell]);
|
|
if (this.fireSelection !== false) {
|
this.fireEvent('cellselectionchange', {
|
type: 'cellselectionchange',
|
source: this,
|
unselected: record
|
});
|
}
|
return true;
|
},
|
|
selectCellRange: function (cells, append) {
|
var fs = this.fireSelection;
|
this.fireSelection = false;
|
if (append === false) {
|
this.clearCellSelect();
|
}
|
for (var i = 0, l = cells.length; i < l; i++) {
|
if (i == l - 1) this.fireSelection = fs;
|
var cell = cells[i];
|
this.selectCell(cell.record, cell.column);
|
}
|
this.fireSelection = fs;
|
},
|
|
deselectCellRange: function (cells) {
|
var fs = this.fireSelection;
|
this.fireSelection = false;
|
for (var i = 0, l = cells.length; i < l; i++) {
|
if (i == l - 1) this.fireSelection = fs;
|
var cell = cells[i];
|
this.deselectCell(cell.record, cell.column);
|
}
|
this.fireSelection = fs;
|
},
|
|
clearCellSelect: function () {
|
this.deselectCellRange(this.cellSelecteds.clone());
|
},
|
|
beginEdit: function (record, column, editor) {
|
this.doBeginEdit.defer(50, this, arguments);
|
},
|
beginNextEdit: function () {
|
var ae = this.activeEditor;
|
if (!ae) return false;
|
var rowIndex = ae.rowIndex, columnIndex = ae.columnIndex;
|
columnIndex += 1;
|
if (columnIndex >= this.columns.length) {
|
rowIndex += 1;
|
columnIndex = 0;
|
if (rowIndex >= this.data.getCount()) {
|
rowIndex = this.data.getCount() - 1;
|
columnIndex = this.columns.length - 1;
|
}
|
}
|
this.submitEdit();
|
this.selectCell(rowIndex, columnIndex);
|
this.beginEdit(rowIndex, columnIndex);
|
},
|
doBeginEdit: function (record, column, editor) {
|
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
|
if (!record || !column) return false;
|
|
this.submitEdit(); //首先截止
|
|
var rowIndex = this.data.indexOf(record);
|
var columnIndex = this.columns.indexOf(column);
|
|
column.editor = Edo.create(column.editor);
|
editor = editor || column.editor;
|
|
//如果不能编辑
|
if (column.enableEdit === false || !editor) {
|
if (Edo.isValue(column.forId)) { //如果有forId,则进行另外的cell编辑
|
col = this.getColumnIndex(this.getColumn(column.forId));
|
|
column = this.getColumn(column.forId);
|
return this.beginEdit(record, column);
|
}
|
return false;
|
}
|
|
//如果行被编辑enableEdit === false,则不进行编辑
|
if (record.enableEdit === false) return;
|
if (!Edo.isValue(column.editIndex)) column.editIndex = column.dataIndex;
|
var value = Edo.getValue(record, column.editIndex);
|
|
if (column.editIndex == '*') value = record;
|
|
var cellbox = this.getCellBox(record, column);
|
var e = {
|
type: 'beforecelledit',
|
source: this,
|
|
rowIndex: rowIndex,
|
record: record,
|
columnIndex: columnIndex,
|
column: column,
|
field: column.dataIndex,
|
|
cellbox: cellbox,
|
editor: editor,
|
value: value
|
};
|
//组织编辑,替换编辑器(value)
|
|
if (this.fireEvent('beforecelledit', e) === false) return false;
|
|
//保存当前编辑器数据对象
|
this.activeEditor = e;
|
|
editor = e.editor;
|
|
editor.owner = this; //设置编辑器和表格的所属关系
|
|
editor.minWidth = this.minEditorWidth;
|
editor.minHeight = this.minEditorHeight;
|
|
//editor.resetValue();
|
|
editor.startEdit(value, cellbox.x, cellbox.y, cellbox.width, cellbox.height);
|
|
e.type = 'celledit';
|
this.fireEvent('celledit', e);
|
},
|
getEditRecord: function () {
|
return this.activeEditor ? this.activeEditor.record : null;
|
},
|
|
submitEdit: function (data) {
|
|
var ed = this.activeEditor;
|
if (!ed) return;
|
|
var rowIndex = ed.rowIndex,
|
columnIndex = ed.columnIndex,
|
column = this.columns[columnIndex],
|
field = ed.field,
|
editor = ed.editor,
|
value = ed.value,
|
record = ed.record;
|
|
var data2 = editor.completeEdit(); // editor.getEditValue();
|
data = Edo.isValue(data) ? data : data2;
|
|
this.activeEditor = null;
|
|
var oldValue = Edo.getValue(record, field);
|
if (column.editIndex == '*') oldValue = record; //如果有editIndex,并且为'*',则...
|
|
var e = {
|
type: 'beforesubmitedit',
|
source: this,
|
rowIndex: rowIndex, //行索引
|
record: record,
|
columnIndex: columnIndex, //列配置对象
|
column: column,
|
field: field,
|
editor: editor,
|
oldValue: oldValue,
|
value: data //新值
|
};
|
|
if (!Edo.isValue(value) && !Edo.isValue(e.value)) {
|
value = e.value;
|
}
|
if (e.value != value && this.fireEvent('beforesubmitedit', e) !== false) {
|
// this.activeEditor = null;
|
// editor.completeEdit();
|
|
data = e.value;
|
if (column.editIndex == '*') {
|
//this.data.updateRecord.defer(80, this.data, [record, data]);
|
this.data.updateRecord(record, data);
|
} else {
|
this.data.update(record, field, data);
|
}
|
e.type = 'submitedit';
|
this.fireEvent('submitedit', e);
|
}
|
|
e.type = 'aftercelledit';
|
this.fireEvent('aftercelledit', e);
|
|
this.showAllCellInvalid();
|
|
this.focus();
|
},
|
|
cancelEdit: function () {
|
|
var ed = this.activeEditor;
|
if (!ed) return;
|
ed.editor.completeEdit();
|
|
var column = ed.column;
|
var record = ed.record;
|
|
var e = {
|
type: 'aftercelledit',
|
source: this,
|
rowIndex: ed.rowIndex, //行索引
|
record: record,
|
columnIndex: ed.columnIndex, //列配置对象
|
column: column,
|
field: column.dataIndex,
|
editor: ed.editor,
|
value: Edo.getValue(record, column.dataIndex)
|
};
|
this.fireEvent('aftercelledit', e);
|
|
this.activeEditor = null;
|
|
this.showAllCellInvalid();
|
|
this.focus();
|
},
|
|
valid: function (records, all) {
|
var ret = Edo.lists.Table.superclass.valid.call(this, all);
|
if (ret == true) {
|
|
ret = this.validRow(records, all);
|
}
|
return ret;
|
},
|
|
validRow: function (records, all) {
|
if (!records || records === true) records = this.data.view;
|
if (!(records instanceof Array)) records = [records];
|
var ret = true;
|
|
var isBreak = false;
|
records.each(function (record) {
|
this.columns.each(function (column) {
|
var r = this.validCell(record, column);
|
if (!r) {
|
ret = r;
|
if (!all) {
|
isBreak = true;
|
return false;
|
}
|
}
|
}, this);
|
|
if (isBreak) {
|
return false;
|
}
|
}, this);
|
return ret;
|
},
|
|
validCell: function (record, column, value, validFn) {
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
value = typeof value !== 'undefined' ? value : Edo.getValue(record, column.dataIndex);
|
validFn = validFn || column.valid;
|
if (!validFn) return true;
|
|
if (typeof validFn !== 'function') {
|
eval('validFn = function(value){' + validFn + '}');
|
}
|
if (!validFn) return true;
|
var ret = validFn.call(this, value, record, column, this.data.indexOf(record), this.data, this);
|
if (ret === true || ret === undefined) {
|
this.fireEvent('cellvalid', {
|
type: 'cellvalid',
|
source: this,
|
record: record,
|
column: column,
|
field: column.dataIndex,
|
value: value
|
});
|
//this.clearCellInvalid(record, column);
|
|
return true;
|
}
|
else {
|
var msg = ret === false ? this.cellError : ret;
|
this.fireEvent('cellinvalid', {
|
type: 'cellinvalid',
|
errorMsg: msg,
|
source: this,
|
record: record,
|
column: column,
|
field: column.dataIndex,
|
value: value
|
});
|
//this.showCellInvalid(record, column, msg);
|
return false;
|
}
|
},
|
getInvalidTip: function () {
|
if (!this.showCellValid) return;
|
if (!this.invalidTip) {
|
this.invalidTip = Edo.managers.TipManager.reg({
|
target: this,
|
cls: 'e-invalid-tip',
|
showTitle: false,
|
autoShow: true,
|
autoHide: true,
|
trackMouse: true,
|
mouseOffset: [0, 0],
|
ontipshow: this.onCellTipShow.bind(this)
|
});
|
}
|
return this.invalidTip;
|
},
|
onCellTipShow: function (e) {
|
var cellEl = this.getCellElByChild(e.target);
|
if (!cellEl) return false;
|
|
var column = this.getColumn(this.getCellId(cellEl.id));
|
var record = this.getRecordByEvent(e);
|
if (!record || !column) return false;
|
var msg = this.isInvalidCell(record, column);
|
|
var cellbox = this.getCellBox(record, column);
|
e.xy = [cellbox.x + cellbox.width + 2, cellbox.y];
|
|
var box = this._getBox(true);
|
if (e.xy[0] > box.right) e.xy[0] = box.right;
|
|
if (msg) {
|
this.invalidTip.html = msg;
|
} else {
|
return false;
|
}
|
|
|
},
|
|
showAllCellInvalid: function () {
|
var invalidCells = this.invalidCells;
|
for (var id in invalidCells) {
|
var ids = id.split('|');
|
var record = this.data.getById(ids[0]);
|
if (!record) {
|
delete invalidCells[id];
|
continue;
|
}
|
this.showCellInvalid(ids[0], ids[1], invalidCells[id]);
|
}
|
},
|
|
showCellInvalid: function (record, column, msg) {
|
this.invalidCells[record.__id + "|" + column.id] = msg;
|
var el = this.getCellEl(record, column);
|
if (el) Edo.util.Dom.addClass(el, this.cellInvalidCls);
|
|
this.getInvalidTip();
|
},
|
|
clearCellInvalid: function (record, column) {
|
delete this.invalidCells[record.__id + "|" + column.id];
|
var el = this.getCellEl(record, column);
|
if (el) Edo.util.Dom.removeClass(el, this.cellInvalidCls);
|
},
|
//清除错误验证
|
clearInvalid: function () {
|
Edo.lists.Table.superclass.clearInvalid.call(this);
|
|
},
|
|
isInvalidCell: function (record, column) {
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
return this.invalidCells[record.__id + "|" + column.id];
|
},
|
columnRenderer: null,
|
getItemHtml: function (record, index, sb) {
|
if (!record) return;
|
var ret = !sb;
|
if (!sb) sb = [];
|
|
var t = this, data = this.data;
|
var columns = t.columns;
|
|
var h = record.__height - 1;
|
if (isNaN(h)) {
|
h = this.rowHeight; //'auto';
|
if (h != 'auto') h = parseInt(h - 1) + 'px';
|
}
|
else h = h + 'px';
|
|
var rowid = t.createItemId(record);
|
//__style, __cls, rowRenderer
|
//var rowCls = rowStyle = '';
|
var rowClsIndex = rowStyleIndex = -1;
|
|
sb[sb.length] = '<tr unselectable="on" id="';
|
sb[sb.length] = rowid;
|
sb[sb.length] = '" class="' + t.itemCls + ' ';
|
if (this.enableStripe && index % 2 == 1) sb[sb.length] = this.stripeCls + ' ';
|
if (t.selectHash[record.__id]) sb[sb.length] = this.selectedCls + ' ';
|
if (t.enable === false) sb[sb.length] = 'e-disabled ';
|
rowClsIndex = sb.length;
|
sb[sb.length] = '';
|
sb[sb.length] = '" style="';
|
rowStyleIndex = sb.length;
|
sb[sb.length] = '';
|
|
//sb[sb.length] = ';height:';
|
//sb[sb.length] = h;
|
//sb[sb.length] = ';width:';
|
|
sb[sb.length] = ';width:';
|
|
|
sb[sb.length] = t.viewWidth;
|
sb[sb.length] = 'px;">';
|
|
var left = 0;
|
for (var i = this.startColumn, l = this.endColumn; i <= l; i++) {
|
var c = columns[i];
|
if (!c) continue;
|
var cw = c.width;
|
|
if (!this.isBorderBox) cw -= 1;
|
|
|
var v = record[c.dataIndex];
|
var renderer = c.renderer || this.columnRenderer;
|
v = renderer ? renderer.call(c, v, record, c, index, data, t) : v;
|
|
var cls = '';
|
if (c.cls) cls += c.cls;
|
|
var cellid = t.createCellId(record, c);
|
|
if (t.viewCellId) {
|
sb[sb.length] = '<td unselectable="on" id="' + cellid + '" class="';
|
} else {
|
sb[sb.length] = '<td unselectable="on" class="';
|
}
|
if (t.cellSelectHash[record.__id + c.id]) sb[sb.length] = this.cellSelectedCls + ' ';
|
|
sb[sb.length] = t.cellCls + ' ';
|
|
if (t.invalidCells[record.__id + "|" + c.id]) {
|
sb[sb.length] = t.cellInvalidCls + ' ';
|
}
|
|
sb[sb.length] = cls; //cls
|
|
if (index == this.startRow || (index == 0 && this.live)) { //!!!这里有问题!!!
|
sb[sb.length] = ' " style="width:';
|
sb[sb.length] = cw;
|
sb[sb.length] = 'px;height:';
|
} else {
|
sb[sb.length] = ' " style="height:';
|
}
|
if (i == this.startColumn) {
|
sb[sb.length] = h;
|
sb[sb.length] = 'px;text-align:';
|
} else {
|
sb[sb.length] = 'auto;text-align:';
|
}
|
sb[sb.length] = c.align || 'left';
|
if (c.style) { //style
|
sb[sb.length] = ';' + c.style + '">';
|
} else {
|
sb[sb.length] = ';">';
|
}
|
|
//e-table-cell-inner
|
sb[sb.length] = '<div class="e-table-cell-inner ';
|
if (t.cellDirtyVisible && data.isFieldModify(record, c.dataIndex)) {
|
sb[sb.length] = this.cellDirtyCls + ' ';
|
}
|
sb[sb.length] = '" style="height:';
|
sb[sb.length] = h;
|
sb[sb.length] = ';';
|
if (c.innerStyle) {
|
sb[sb.length] = c.innerStyle;
|
}
|
sb[sb.length] = '">';
|
|
if (v || v === 0 || v === false) {
|
sb[sb.length] = v;
|
} else {
|
sb[sb.length] = ' ';
|
}
|
|
sb[sb.length] = '</div>';
|
|
sb[sb.length] = '</td>';
|
|
}
|
sb[sb.length] = '</tr>';
|
|
if (this.enableRowCls) {
|
sb[rowClsIndex] = record.__cls || '';
|
sb[rowStyleIndex] = record.__style || '';
|
}
|
|
if (ret) return sb.join('');
|
},
|
removeItem: function (records) {
|
var zeroIndex = false;
|
for (var i = 0, l = records.length; i < l; i++) {
|
if (records[i].__index == 0) zeroIndex = true;
|
}
|
Edo.lists.Table.superclass.removeItem.apply(this, arguments);
|
if (zeroIndex) {
|
this.syncBox();
|
}
|
},
|
createFilterRow: function (sc, ec) {
|
var t = this;
|
var id = t.id;
|
if (sc < 0) sc = 0;
|
if (ec < 0 || ec >= t.columns.length) ec = t.columns.length - 1;
|
|
function renderer(v, col) {
|
//column:sortDir,sortType
|
var s = '';
|
if (col.sortDir) {
|
if (isIE || isSafari) {
|
s = ' ';
|
} else {
|
s = ' ';
|
}
|
}
|
if (!v && v !== 0) v = ' ';
|
return '<div class="e-table-header-cell-inner ' + (col.sortDir ? "e-table-sort-icon" : '') + '" style="overflow:hidden;line-height:16px;font-size:12px;white-space: nowrap;">' + v + s + '</div>';
|
}
|
var allColumnWidth = t.getColumnAllWidth() + 1000;
|
var columns = t.columns;
|
var sb = [];
|
sb[sb.length] = '<div class="e-table-filter-row" style="width:' + allColumnWidth + 'px;"><table class="e-table-table" cellspacing="0" cellpadding="0" border="0" ><tbody><tr>';
|
var left = 0;
|
for (var i = sc, l = ec; i <= l; i++) {
|
var c = columns[i];
|
var cwidth = c.width;
|
|
if (!this.isBorderBox) cwidth -= 1;
|
|
left += cwidth;
|
|
var cw = cwidth;
|
|
|
sb[sb.length] = '<td id="' + (id + "|" + c.id) + '|filter" class="e-table-cell ' + t.headerCellCls + ' ' + (c.headerCls || '') + '" style="width:' + cw + 'px;text-align:';
|
sb[sb.length] = c.headerAlign || 'left';
|
sb[sb.length] = ';overflow:">';
|
var v = renderer('', c);
|
sb[sb.length] = Edo.isValue(v) ? v : ' ';
|
|
sb[sb.length] = '</td>';
|
}
|
|
sb[sb.length] = '</tr></tbody></table></div>';
|
|
return sb.join('');
|
},
|
createSummaryRow: function (sc, ec) {
|
|
var t = this;
|
var id = t.id;
|
if (sc < 0) sc = 0;
|
if (ec < 0 || ec >= t.columns.length) ec = t.columns.length - 1;
|
|
function renderer(v, col) {
|
//column:sortDir,sortType
|
var s = '';
|
if (col.sortDir) {
|
if (isIE || isSafari) {
|
s = ' ';
|
} else {
|
s = ' ';
|
}
|
}
|
if (!v && v !== 0) v = ' ';
|
return '<div class="e-table-header-cell-inner ' + (col.sortDir ? "e-table-sort-icon" : '') + '" style="overflow:hidden;line-height:16px;font-size:12px;white-space: nowrap;">' + v + s + '</div>';
|
}
|
var allColumnWidth = t.getColumnAllWidth() + 1000;
|
var columns = t.columns;
|
var sb = [];
|
sb[sb.length] = '<div class="e-table-summary-row" style="width:' + allColumnWidth + 'px;"><table class="e-table-table" cellspacing="0" cellpadding="0" border="0" ><tbody><tr>';
|
var left = 0;
|
|
for (var i = sc, l = ec; i <= l; i++) {
|
var c = columns[i];
|
var cwidth = c.width;
|
|
if (!this.isBorderBox) cwidth -= 1;
|
|
left += cwidth;
|
|
var cw = cwidth;
|
|
sb[sb.length] = '<td id="' + (id + "|" + c.id) + '|summary" class="e-table-cell ' + t.headerCellCls + ' ' + (c.headerCls || '') + '" style="width:' + cw + 'px;text-align:';
|
sb[sb.length] = c.headerAlign || 'left';
|
sb[sb.length] = ';overflow:hidden;">';
|
var v = typeof (c.summary) === 'function' ? c.summary(c, t.data, t) : renderer(c.summary, c);
|
sb[sb.length] = Edo.isValue(v) ? v : ' ';
|
|
sb[sb.length] = '</td>';
|
}
|
|
sb[sb.length] = '</tr></tbody></table></div>';
|
|
return sb.join('');
|
},
|
syncSize: function () {
|
Edo.lists.Table.superclass.syncSize.apply(this, arguments);
|
|
//Edo.util.Dom.setSize(this.el, this.realWidth, this.realHeight);
|
|
//this.submitEdit();
|
|
this.syncBox();
|
|
var sf = this;
|
setTimeout(function () {
|
|
Edo.util.Dom.repaint(sf.el);
|
}, 50);
|
|
|
|
},
|
destroy: function () {
|
Edo.util.Dom.clearEvent(this.scrollEl);
|
if (this.header) {
|
this.header.destroy();
|
}
|
if (this.body) {
|
this.body.destroy();
|
}
|
this.scrollEl = this.header = this.body = null;
|
|
Edo.lists.Table.superclass.destroy.call(this);
|
},
|
isBorderBox: isBorderBox || isChrome || isSafari
|
});
|
|
Edo.lists.Table.regType('table');
|
|
|
Edo.lists.Table.createCheckColumn = function (o) {
|
return Edo.apply({
|
trueValue: true,
|
falseValue: false,
|
text: '',
|
renderer: function (v, r, c, i, data, t) {
|
v = v == c.trueValue;
|
return '<div class="e-tree-checkbox" style="text-align:center;line-height:0px;height:18px;padding-left:0px;position:relative;"><div class="e-tree-check-icon ' + (v ? "e-table-checked" : "") + '" style="position:absolute;width:15px;height:18px;left:50%;margin-left:-8px;">' + c.text + '</div></div>';
|
},
|
onclick: function (e) {
|
if (Edo.util.Dom.findParent(e.target, 'e-tree-check-icon')) {
|
var table = e.source;
|
var column = e.column;
|
var field = e.column.editIndex;
|
var record = e.record;
|
var value = e.record[field] == column.trueValue ? column.falseValue : column.trueValue;
|
var rowIndex = table.data.indexOf(record);
|
var columnIndex = table.columns.indexOf(column);
|
|
var e = {
|
type: 'beforecelledit',
|
source: table,
|
|
rowIndex: rowIndex,
|
record: record,
|
columnIndex: columnIndex,
|
column: column,
|
field: field,
|
|
value: value
|
};
|
if (table.fireEvent('beforecelledit', e) === false) return false;
|
|
table.data.update(record, field, value);
|
|
if (this.onsubmitedit) this.onsubmitedit.call(e.source, e);
|
|
e.type = 'celledit';
|
table.fireEvent('celledit', e);
|
}
|
}
|
}, o);
|
}
|
|
Edo.lists.Table.createRadioColumn = function (o) {
|
return Edo.apply({
|
valueField: 'id',
|
displayField: 'name',
|
renderer: function (v, r, c, i, data, t) {
|
var sb = [];
|
for (var i = 0, l = c.data.length; i < l; i++) {
|
var o = c.data[i];
|
var ov = o[c.valueField];
|
sb.push('<span class="e-table-radio"><input ' + (ov == v ? "checked" : '') + ' value="' + ov + '" type="radio" id="' + (t.id + r.__id + c.id) + '" /><label>' + o[c.displayField] + '</label></span>');
|
}
|
return sb.join('');
|
//v = v == c.trueValue;
|
//return '<div class="e-tree-checkbox" style="text-align:center;line-height:0px;height:18px;padding-left:0px;position:relative;"><div class="e-tree-check-icon '+(v ? "e-table-checked" : "")+'" style="position:absolute;width:15px;height:18px;left:50%;margin-left:-8px;">'+c.text+'</div></div>';
|
},
|
onclick: function (e) {
|
e.stopDefault();
|
var table = e.source;
|
var column = e.column;
|
var field = e.column.editIndex;
|
var record = e.record;
|
var value = e.record[field];
|
var rowIndex = table.data.indexOf(record);
|
var columnIndex = table.columns.indexOf(column);
|
|
if (e.target.id == table.id + record.__id + column.id) {
|
var value = e.target.value;
|
var e = {
|
type: 'beforecelledit',
|
source: table,
|
|
rowIndex: rowIndex,
|
record: record,
|
columnIndex: columnIndex,
|
column: column,
|
field: field,
|
|
value: value
|
};
|
if (table.fireEvent('beforecelledit', e) === false) return false;
|
|
table.data.update(record, field, value);
|
|
if (this.onsubmitedit) this.onsubmitedit.call(e.source, e);
|
|
e.type = 'celledit';
|
table.fireEvent('celledit', e);
|
}
|
}
|
}, o);
|
}
|
|
Edo.lists.Table.createMultiColumn = function (o) {
|
return Edo.apply({
|
preid: Edo.id(),
|
id: Edo.id(),
|
checkCls: 'e-table-checkbox',
|
checkedCls: 'e-table-checked',
|
header: function () {
|
return '<div id="' + this.preid + this.id + '" class="' + this.checkCls + ' ' + (this.checked ? this.checkedCls : '') + '"></div>';
|
},
|
width: 25,
|
minWidth: 24,
|
multi: true,
|
enableResize: false,
|
enableSort: false,
|
fixWidth: true,
|
renderer: function (v, r, c, i, data, t) {
|
if (r.enableSelect != false) {
|
return '<div class="' + this.checkCls + '"></div>';
|
}
|
},
|
onheaderclick: function (e) {
|
var c = this;
|
var table = e.source;
|
var id = this.preid + this.id;
|
var d = Edo.getDom(id);
|
|
if (d) {
|
if (c.checked) {
|
c.checked = !c.checked;
|
//table.deselectRange(table.data[table.dataViewField]);
|
table.deselectAll();
|
if (d) Edo.util.Dom.removeClass(d, this.checkedCls);
|
} else {
|
c.checked = !c.checked;
|
|
//table.selectRange(table.data[table.dataViewField]);
|
table.selectAll();
|
|
if (d) Edo.util.Dom.addClass(d, this.checkedCls);
|
}
|
}
|
}
|
}, o);
|
}
|
|
Edo.lists.Table.createSingleColumn = function (o) {
|
o = Edo.apply({
|
checkCls: 'e-table-radiobox',
|
checkedCls: 'e-table-radiobox-checked'
|
}, o);
|
c = Edo.lists.Table.createMultiColumn(o);
|
return c;
|
}
|
|
|
|
Edo.lists.Tree = function () {
|
|
|
Edo.lists.Tree.superclass.constructor.call(this);
|
|
this.on('beforebodymousedown', this._onbeforebodymousedownHandler, this, 0);
|
}
|
Edo.lists.Tree.extend(Edo.lists.Table, {
|
|
elCls: 'e-tree e-table e-dataview e-div',
|
|
|
treeColumn: '',
|
treeColumnCls: 'e-tree-treecolumn',
|
|
collapseCls: 'e-tree-collapse',
|
expandCls: 'e-tree-expanded',
|
|
dragDropModel: 'treedragdrop',
|
enableColumnSort: false,
|
|
enableStripe: false,
|
|
_onbeforebodymousedownHandler: function (e) {
|
|
var t = e.target;
|
var r = e.record;
|
if (e.button == Edo.util.MouseButton.left) {
|
var nodeicon = Edo.util.Dom.hasClass(t, 'e-tree-nodeicon');
|
|
if (nodeicon) {
|
|
if (this.fireEvent('beforetoggle', {
|
type: 'beforetoggle',
|
source: this,
|
record: r,
|
row: r
|
}) !== false) {
|
|
if (Edo.util.Dom.findParent(t, 'e-tree-collapse', 3)) {
|
|
this.submitEdit();
|
//this.data.expand(r);
|
this.data.expand.defer(1, this.data, [r]);
|
return false;
|
} else if (Edo.util.Dom.findParent(t, 'e-tree-expanded', 3)) {
|
this.submitEdit();
|
|
//this.data.collapse(r);
|
this.data.collapse.defer(1, this.data, [r]);
|
|
return false;
|
}
|
this.fireEvent('toggle', {
|
type: 'toggle',
|
source: this,
|
record: r,
|
row: r
|
});
|
} else {
|
|
r.expanded = !r.expanded;
|
//this.data.toggle(r);
|
return false;
|
}
|
}
|
}
|
},
|
_onDataChanged: function (e) {
|
if (e) {
|
switch (e.action) {
|
case 'expand':
|
this.doExpand(e.record);
|
break;
|
case 'collapse':
|
this.doCollapse(e.record);
|
break;
|
}
|
}
|
Edo.lists.Tree.superclass._onDataChanged.call(this, e);
|
},
|
doCollapse: function (record) {
|
this.refresh();
|
return;
|
var d = this.getItemEl(record);
|
if (d) {
|
d = Edo.util.Dom.getbyClass('e-treenode', d);
|
Edo.util.Dom.removeClass(d, this.expandCls);
|
Edo.util.Dom.addClass(d, this.collapseCls);
|
}
|
this.data.iterateChildren(record, function (o) {
|
if (!this.data.isDisplay(o)) {
|
var d = this.getItemEl(o);
|
if (d) {
|
d.style.display = 'none';
|
}
|
}
|
}, this);
|
},
|
doExpand: function (record) {
|
this.refresh();
|
return;
|
var d = this.getItemEl(record);
|
if (d) {
|
d = Edo.util.Dom.getbyClass('e-treenode', d);
|
Edo.util.Dom.addClass(d, this.expandCls);
|
Edo.util.Dom.removeClass(d, this.collapseCls);
|
}
|
//判断是否有子元素DOM, 如果没有, 则加上
|
if (record.children && record.children.length > 0) {
|
//var cnode = record.children
|
}
|
this.data.iterateChildren(record, function (o, i) {
|
if (this.data.isDisplay(o)) {
|
var p = this.data.findParent(o);
|
var d = this.getItemEl(o);
|
|
// if(!d){
|
// this.insertItem(i, [o], {parentNode: p});
|
// d = this.getItemEl(o);
|
// }
|
|
d.style.display = '';
|
}
|
}, this);
|
},
|
//刷新节点(以及子节点)
|
refreshNode: function (node) {
|
|
},
|
applyTreeColumn: function () {
|
var column = this.getColumn(this.treeColumn);
|
if (!column) column = this.columns[0];
|
this.treeColumn = column.id;
|
|
if (column.renderer == this.treeRenderer) return;
|
if (column.renderer) column._renderer = column.renderer;
|
column.renderer = this.treeRenderer;
|
|
column.cls = this.treeColumnCls;
|
},
|
treeRenderer: function (v, r, c, i, data, t) {
|
var left = r.__depth * 18;
|
var w = c.width;
|
if (w < 60) w = 60;
|
|
var hasChildren = r.__hasChildren || r.__viewicon;
|
//var s = '<div class="e-treenode '+(hasChildren ? (r.expanded !== false ? 'e-tree-expanded' : 'e-tree-collapse') : '')+'" style="padding-left:'+left+'px;height:'+(r.__height)+'px;">';
|
|
var expanded = r.expanded;
|
|
|
var rowCls = hasChildren ? (expanded == true ? t.expandCls : t.collapseCls) : '';
|
|
//var s = '<div class="e-treenode '+(hasChildren ? (expanded == true ? t.expandCls : t.collapseCls) : '')+'" style="padding-left:'+left+'px;height:'+(r.__height)+'px;">';
|
var s = '<div class="e-treenode ' + rowCls + '" style="padding-left:' + left + 'px;height:' + (r.__height) + 'px;">';
|
|
var offset = left;
|
if (hasChildren && r.__viewToggle !== false) {
|
s += '<a href="javascript:;" hidefocus class="e-tree-nodeicon" style="left:' + offset + 'px;"></a>';
|
}
|
offset += 18;
|
|
if (r.icon) {
|
s += '<div class="' + r.icon + '" style="width:18px;height:20px;overflow:hidden;position:absolute;top:0px;left:' + offset + 'px;"></div>';
|
offset += 16;
|
}
|
|
if (c._renderer && c._renderer != t.treeRenderer) {
|
v = c._renderer(v, r, c, i, data, t);
|
}
|
s += '<div id="' + t.id + '-textnode-' + r.__id + '" class="e-tree-nodetext" style="left:' + (offset + 2) + 'px;">' + v + '</div>';
|
s += '</div>';
|
|
if (!data.isDisplay(r)) {
|
|
r.__style = 'display:none';
|
} else {
|
r.__style = 'display:""';
|
}
|
|
return s;
|
},
|
_setColumns: function (columns) {
|
Edo.lists.Tree.superclass._setColumns.call(this, columns);
|
|
this.applyTreeColumn();
|
},
|
_setData: function (data) {
|
if (typeof data == 'string') data = window[data];
|
if (!data) return;
|
if (data.componentMode != 'data') {
|
if (!this.data) {
|
data = new Edo.data.DataTree(data);
|
} else {
|
this.data.load(data);
|
return;
|
}
|
}
|
Edo.lists.Tree.superclass._setData.call(this, data);
|
},
|
getTextNode: function (record) {
|
record = this.getRecord(record);
|
return Edo.getDom(this.id + '-textnode-' + record.__id);
|
},
|
insertItem: function (index, records, e) {
|
var p = e.parentNode;
|
|
var targetRecord = p.children[index + 1];
|
var target = this.getItemEl(targetRecord);
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
var s = this.getItemHtml(record, index + i);
|
var el;
|
if (target) {
|
el = Edo.util.Dom.before(target, s);
|
} else {
|
el = Edo.util.Dom.append(this.getCtEl(), s);
|
}
|
|
this.data.iterateChildren(record, function (o, j) {
|
var s = this.getItemHtml(o, j);
|
el = Edo.util.Dom.after(el, s);
|
}, this);
|
}
|
},
|
removeItem: function (records) {
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
var d = this.getItemEl(record);
|
Edo.removeNode(d);
|
|
this.data.iterateChildren(record, function (o) {
|
var d = this.getItemEl(o);
|
Edo.removeNode(d);
|
}, this);
|
}
|
},
|
moveItem: function (index, records, e) {//是否当发生一些不常见操作的时候, 直接refresh?
|
|
this.refresh();
|
// var p = e.parentNode;
|
// var target = p.children[index];
|
//
|
// for(var i=0,l=records.length; i<l; i++){
|
// var record = records[i];
|
// var ri = this.data.indexOf(record);
|
// var d = Edo.getDom(this.createItemId(record));
|
//
|
// var t =
|
// Edo.util.Dom.before(t, d);
|
// }
|
}
|
});
|
|
Edo.lists.Tree.regType('tree');
|
Edo.plugins.RowSelect = function () {
|
Edo.plugins.RowSelect.superclass.constructor.call(this);
|
};
|
Edo.plugins.RowSelect.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on(owner.selectAction, this.onSelectAction, this, 0);
|
},
|
canSelect: function (e) {
|
if (!this.owner.enableSelect) return false;
|
var item = e.item;
|
if (item.enableSelect === false) return false;
|
return true;
|
},
|
multiSelect: function (e) {
|
var t = this.owner;
|
var record = e.item;
|
if (t.isSelected(record)) {
|
if (t.repeatSelect) {
|
|
} else {
|
t.deselect(record);
|
}
|
} else {
|
t.selectRange([record], !t.selectOnly);
|
}
|
},
|
singleSelect: function (e) {
|
var t = this.owner;
|
var view = t.data.view;
|
var record = e.item;
|
|
if (t.isSelected(record) && !t.repeatSelect) {
|
if (e.column && e.column.multi) {
|
t.deselect(record);
|
}
|
} else {
|
t.select(record);
|
}
|
},
|
onSelectAction: function (e) {
|
e.stop();
|
|
var t = this.owner;
|
var view = t.data.view;
|
var record = e.item;
|
|
if (!this.canSelect(e)) return;
|
|
if (record.enable === false) return;
|
|
if (!t.multiSelect) { //单选
|
this.singleSelect(e);
|
} else {
|
if (e.ctrlKey && !t.simpleSelect) {
|
|
if (t.isSelected(record)) {
|
t.deselect(record);
|
} else {
|
t.select(record);
|
//this.currentSelected = record;
|
}
|
} else if (e.shiftKey && !t.simpleSelect) {
|
e.stop();
|
var selected = t.getSelected();
|
|
// var selected = this.currentSelected;
|
// if (!selected) {
|
// selected = t.getSelected();
|
// }
|
if (selected && t.data.getRange) {
|
var i1 = t.data.indexOf(selected);
|
var i2 = t.data.indexOf(record);
|
var rs = t.data.getRange(i1, i2);
|
t.selectRange(rs, false);
|
|
|
} else {
|
t.select(record);
|
//this.currentSelected = record;
|
}
|
|
|
} else {
|
this.multiSelect(e);
|
|
}
|
}
|
|
var record = t.getSelected();
|
if (record) {
|
var d = Edo.getDom(t.createItemId(record));
|
if (d && t.enableScrollIntoView) Edo.util.Dom.scrollIntoView(d, t.scrollEl, false);
|
}
|
|
return false;
|
// if(e.ctrlKey || e.shiftKey) e.stopDefault();
|
},
|
destroy: function () {
|
this.owner.un(this.owner.selectAction, this.onSelectAction, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.RowSelect.regType('RowSelect');
|
Edo.plugins.RowDragDrop = function () {
|
Edo.plugins.RowDragDrop.superclass.constructor.call(this);
|
};
|
Edo.plugins.RowDragDrop.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('itemmousedown', this.onItemMouseDown, this);
|
|
Edo.managers.DragManager.regDrop(owner);
|
|
//判断是否可以drop
|
owner.on('dropenter', this.onDropEnter, this);
|
owner.on('dropmove', this.onDropMove, this);
|
owner.on('dragdrop', this.onDragDrop, this);
|
},
|
onDropEnter: function (e) {
|
//当dragObject符合此协议时,接受dragdrop
|
e.dragData.insertAction = null;
|
if (e.dragData.action == 'rowdragdrop') {
|
Edo.managers.DragManager.acceptDragDrop();
|
}
|
},
|
onDropMove: function (e) {
|
var dd = e.dragData;
|
dd.insertAction = null;
|
|
var tb = e.dropObject;
|
|
var row = tb.getRecordByEvent(e.event);
|
if (!row) {
|
this.clearInsertProxy();
|
e.feedback.setFeedback('no');
|
return;
|
}
|
|
dd.targetItem = row;
|
|
dd.insertAction = this.checkDropAction(dd, e);
|
|
|
if (!dd.insertAction || (e.dropObject == e.dragObject && dd.data.indexOf(dd.targetItem) != -1)) {
|
e.feedback.setFeedback('no');
|
this.clearInsertProxy();
|
dd.insertAction = null;
|
} else {
|
if (this.canDrop(dd, e) === false) {
|
Edo.managers.DragManager.rejectDragDrop();
|
} else {
|
Edo.managers.DragManager.acceptDragDrop();
|
}
|
}
|
},
|
onDragDrop: function (e) {
|
var dd = e.dragData;
|
if (e.dropObject && dd.targetItem && dd.insertAction) {
|
if (e.dropObject.dragDropAction) {
|
|
this.doDragDrop(dd, e);
|
}
|
this.clearInsertProxy();
|
}
|
},
|
canDrag: function (e) {
|
var tb = this.owner;
|
if (!tb.enableDragDrop) return false;
|
|
var row = e.item;
|
|
if (!row || row.enableDragDrop === false) return false;
|
|
return true;
|
},
|
onItemMouseDown: function (e) {
|
|
if (this.canDrag(e) === false) return;
|
|
var sf = this;
|
var tb = this.owner;
|
|
var row = e.item;
|
|
Edo.managers.DragManager.startDrag({
|
dragObject: tb,
|
dragData: {
|
action: 'rowdragdrop',
|
source: tb,
|
data: this.getDragData(e)
|
},
|
delay: 200,
|
|
event: e,
|
alpha: 1,
|
enableDrop: true,
|
xOffset: 15,
|
yOffset: 18,
|
|
ondragstart: function (e) {
|
sf.feedbackproxy = p = new Edo.managers.DragProxy({
|
html: sf.getDragInner(e)
|
}).render();
|
|
this.feedback = p;
|
this.proxy = p.el;
|
},
|
ondragmove: function (e) {
|
if (e.dropObject) {
|
sf.clearInsertProxy();
|
e.feedback.setFeedback('no');
|
}
|
},
|
ondragcomplete: function (e) {
|
sf.clearInsertProxy();
|
this.feedback.destroy();
|
this.destroy = null;
|
}
|
});
|
},
|
clearInsertProxy: function () {
|
Edo.managers.DragProxy.hideInsertProxy();
|
},
|
//@@@
|
checkDropAction: function (dragData, e) {
|
var rowBox = e.dropObject.getItemBox(dragData.targetItem);
|
if (e.now[1] <= rowBox.y + rowBox.height / 2) return 'preend';
|
return 'append';
|
},
|
//@@@
|
//获得拖拽对象
|
getDragData: function (e) {
|
var rs = this.owner.getSelecteds();
|
if (!rs.contains(e.item)) {
|
rs.add(e.item);
|
}
|
return rs;
|
},
|
//@@@
|
getDragInner: function (e) {
|
return e.dragData.data.length + '行';
|
},
|
//@@@
|
doInsertProxy: function (dragData, e) {
|
var ip = Edo.managers.DragProxy.getInsertProxy();
|
|
var rowBox = e.dropObject.getItemBox(dragData.targetItem);
|
|
if (dragData.insertAction == 'append') {
|
rowBox.y += rowBox.height;
|
}
|
rowBox.y -= 1;
|
rowBox.height = 2;
|
Edo.util.Dom.setBox(ip, rowBox);
|
|
var target = e.dropObject;
|
if (ip.parentNode != target.el) {
|
target.el.appendChild(ip);
|
}
|
},
|
//@@@
|
getFeedback: function (insert) {
|
return 'add';
|
},
|
//
|
canDrop: function (dragData, e) {
|
var row = e.dragData.targetItem;
|
//if(row.name == '组件') debugger
|
if (!row || row.enableDragDrop === false) return false;
|
|
e.feedback.setFeedback(this.getFeedback(dragData.insertAction));
|
this.doInsertProxy(dragData, e);
|
},
|
|
doDragDrop: function (dragData, e) {
|
var source = e.dragObject, target = e.dropObject,
|
targetItem = dragData.targetItem, insert = dragData.insertAction, data = dragData.data;
|
|
var action = source.dragDropAction == 'move' ? 'move' : 'copy';
|
|
var e = {
|
type: 'beforerowdragdrop',
|
dragDropAction: action, //拖拽命令:决定原row是否删除
|
insertAction: insert, //加入命名:决定数据怎么加入(preend, append, add)
|
source: this.owner,
|
dragData: source.data,
|
dropData: target.data,
|
rows: data,
|
targetItem: targetItem
|
}
|
|
if (this.owner.fireEvent('beforerowdragdrop', e) === false) return;
|
|
var index = target.data.indexOf(targetItem);
|
if (insert == 'append') index += 1;
|
|
|
var cloneData = [];
|
for (var i = 0, l = data.length; i < l; i++) {
|
cloneData.add(Edo.data.cloneData(data[i]));
|
}
|
|
if (source.data === target.data) {
|
if (target.dragDropAction == 'move') {
|
target.data.move(data, index);
|
cloneData = data;
|
} else {
|
target.data.insertRange(index, cloneData);
|
}
|
} else {
|
target.data.insertRange(index, cloneData);
|
if (target.dragDropAction == 'move') {
|
source.data.removeRange(data);
|
} else {
|
|
}
|
}
|
|
//target.clearSelect();
|
target.selectRange(cloneData);
|
|
e.type = 'rowdragdrop';
|
this.owner.fireEvent('rowdragdrop', e)
|
},
|
|
destroy: function () {
|
this.owner.un('itemmousedown', this.onItemMouseDown, this);
|
this.owner = null;
|
|
Edo.plugins.RowDragDrop.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.RowDragDrop.regType('RowDragDrop');
|
Edo.plugins.CellSelect = function () {
|
Edo.plugins.CellSelect.superclass.constructor.call(this);
|
};
|
Edo.plugins.CellSelect.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on(owner.cellSelectAction, this.onCellSelectAction, this, 0);
|
},
|
onCellSelectAction: function (e) {
|
var t = this.owner;
|
var view = t.data.view;
|
var record = e.record;
|
var column = e.column;
|
|
if (t.enableCellSelect) {
|
if (t.cellSelectMode == 'single') {
|
t.selectCell(record, column);
|
} else {
|
//如果是多选,则配合ctrl和shift,进行不同逻辑的选择
|
if (e.ctrlKey) {
|
if (t.isCellSelected(record, column) && !this.repeatSelect) {
|
t.deselectCell(record, column);
|
} else {
|
t.selectCell(record, column);
|
}
|
} else if (e.shiftKey) {
|
|
var selected = t.getCellSelected();
|
var cells = [];
|
if (selected) {
|
var start = t.data.indexOf(record);
|
var startColumn = t.columns.indexOf(column);
|
var end = t.data.indexOf(selected.record);
|
var endColumn = t.columns.indexOf(selected.column);
|
if (start > end) {
|
var index = start;
|
start = end;
|
end = index;
|
|
var tcolumn = startColumn;
|
startColumn = endColumn;
|
endColumn = tcolumn;
|
}
|
|
if (start == end && startColumn > endColumn) {
|
var tcolumn = startColumn;
|
startColumn = endColumn;
|
endColumn = tcolumn;
|
}
|
|
for (var i = start; i <= end; i++) {
|
for (var j = 0, k = t.columns.length; j < k; j++) {
|
var cell = {
|
record: t.data.getAt(i),
|
column: t.columns[j]
|
};
|
if (start == end) {
|
if (j >= startColumn && j <= endColumn) {
|
cells.add(cell);
|
}
|
continue;
|
}
|
if (i == start && j >= startColumn) {
|
cells.add(cell);
|
}
|
if (i == end && j <= endColumn) {
|
cells.add(cell);
|
}
|
if (i > start && i < end) {
|
cells.add(cell);
|
}
|
}
|
}
|
} else {
|
cells.add({
|
record: record,
|
column: column
|
});
|
}
|
t.selectCellRange(cells, false);
|
|
} else {
|
|
//如果没有按ctrlKey,则只选当前点击的一个
|
if (t.isCellSelected(record, column) && !this.repeatSelect) {
|
//t.deselectCell(record, column);
|
} else {
|
t.fireSelection = false;
|
t.clearCellSelect();
|
t.fireSelection = true;
|
t.selectCell(record, column);
|
}
|
}
|
}
|
}
|
},
|
destroy: function () {
|
this.owner.un(this.owner.cellSelectAction, this.onCellSelectAction, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.CellSelect.regType('cellselect');
|
Edo.plugins.CellEdit = function () {
|
Edo.plugins.CellEdit.superclass.constructor.call(this);
|
};
|
Edo.plugins.CellEdit.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on(owner.cellEditAction, this.onCellEditAction, this, 0);
|
},
|
onCellEditAction: function (e) {
|
if (e.button != Edo.util.MouseButton.left) return;
|
var t = this.owner;
|
var view = t.data.view;
|
var record = e.record;
|
var column = e.column;
|
|
if (t.enableCellEdit) {
|
t.beginEdit.defer(50, t, [record, column]);
|
}
|
},
|
destroy: function () {
|
this.owner.un(this.owner.cellEditAction, this.onCellEditAction, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.CellEdit.regType('celledit');
|
Edo.plugins.CellValid = function () {
|
Edo.plugins.CellValid.superclass.constructor.call(this);
|
};
|
Edo.plugins.CellValid.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on(owner.cellValidAction, this.onCellValidAction, this, 0);
|
},
|
onCellValidAction: function (e) {
|
var t = this.owner;
|
var view = t.data.view;
|
var record = e.record;
|
var column = e.column;
|
|
if (t.enableCellValid) {
|
return t.validCell(record, column, e.value);
|
}
|
},
|
destroy: function () {
|
this.owner.un(this.owner.cellValidAction, this.onCellValidAction, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.CellValid.regType('cellvalid');
|
Edo.plugins.TableSelect = function () {
|
Edo.plugins.TableSelect.superclass.constructor.call(this);
|
};
|
Edo.plugins.TableSelect.extend(Edo.plugins.RowSelect, {
|
multiSelect: function (e) {
|
var t = this.owner;
|
var record = e.item;
|
|
if (t.isSelected(record) && !this.repeatSelect) {
|
if (e.column && e.column.multi) {
|
t.deselect(record);
|
|
} else {
|
if (t.repeatSelect) {
|
|
} else {
|
t.deselect(record);
|
}
|
}
|
} else {
|
selectOnly = t.selectOnly;
|
|
if (e.column && e.column.multi) {
|
selectOnly = false;
|
|
}
|
t.selectRange([record], !selectOnly);
|
}
|
}
|
// ,
|
// canSelect: function(e){
|
// if(!this.owner.enableSelect) return false;
|
// var item = e.item;
|
// if(item.enableSelect === false) return false;
|
// //if(!e.column || !e.column.multi) return false;
|
// return true;
|
// }
|
});
|
|
Edo.plugins.TableSelect.regType('TableSelect');
|
Edo.plugins.TableDragDrop = function () {
|
Edo.plugins.TableDragDrop.superclass.constructor.call(this);
|
};
|
Edo.plugins.TableDragDrop.extend(Edo.plugins.RowDragDrop, {
|
canDrag: function (e) {
|
|
var tb = this.owner;
|
if (!tb.enableDragDrop) return false;
|
|
var row = e.item;
|
|
if (!row || row.enableDragDrop === false) return false;
|
|
if (!e.column || !e.column.enableDragDrop) return false;
|
|
return true;
|
}
|
});
|
|
Edo.plugins.TableDragDrop.regType('TableDragDrop');
|
Edo.plugins.TableSort = function () {
|
Edo.plugins.TableSort.superclass.constructor.call(this);
|
};
|
Edo.plugins.TableSort.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('headerclick', this.onheaderclick, this, 0);
|
},
|
onheaderclick: function (e) {
|
|
if (e.button != Edo.util.MouseButton.left) return;
|
var t = this.owner;
|
var view = t.data.view;
|
var record = e.record;
|
var column = e.column;
|
|
if (!column || column.enableSort === false) return;
|
|
t.sortColumn(column);
|
},
|
destroy: function () {
|
this.owner.un('headerclick', this.onheaderclick, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
|
Edo.plugins.TableSort.regType('TableSort');
|
Edo.plugins.HeaderDragDrop = function () {
|
Edo.plugins.HeaderDragDrop.superclass.constructor.call(this);
|
};
|
Edo.plugins.HeaderDragDrop.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('headermousedown', this.onheadermousedown, this, 0);
|
},
|
onheadermousedown: function (e) {
|
if (e.button != Edo.util.MouseButton.left) return;
|
var tb = this.owner;
|
var view = tb.data.view;
|
var record = e.record;
|
var column = e.column;
|
var t = e.target;
|
|
if (!tb.enableColumnDragDrop || !column || column.enableMove === false) return;
|
|
if (!Edo.util.Dom.hasClass(e.target, 'e-table-header-cell-inner')) return;
|
|
var text = typeof (column.header) === 'function' ? column.header(column, tb) : column.header;
|
var p;
|
|
var box = tb._getBox(true);
|
|
var targetColumn, insert;
|
|
Edo.managers.DragManager.startDrag({
|
event: e,
|
dragData: column,
|
alpha: 1,
|
enableDrop: true,
|
dragObject: tb,
|
xOffset: 15,
|
yOffset: 18,
|
|
ondragstart: function (e) {
|
p = new Edo.managers.DragProxy({
|
html: text,
|
shadow: tb.dragShadow
|
}).render();
|
|
this.proxy = p.el;
|
},
|
ondragmove: function (e) {
|
var x = e.now[0], y = e.now[1];
|
|
targetColumn = insert = null;
|
|
if (x < box.x || x > box.right || y < box.y || y > box.bottom) {
|
p.setFeedback('no');
|
Edo.managers.DragProxy.hideUpDownProxy();
|
} else {
|
var index = tb.getColumnIndex(column);
|
var nowColumn = tb.getColumnByEvent(e.event);
|
var nowIndex = tb.columns.indexOf(nowColumn);
|
if (!nowColumn) return;
|
var nowBox = tb.getColumnBox(nowColumn);
|
if (nowIndex == index ||
|
(nowIndex + 1 == index && x >= nowBox.x + nowBox.width / 2) ||
|
(nowIndex - 1 == index && x <= nowBox.x + nowBox.width / 2)) {
|
p.setFeedback('no');
|
Edo.managers.DragProxy.hideUpDownProxy();
|
} else {
|
|
targetColumn = nowColumn;
|
var updown = Edo.managers.DragProxy.getUpDownProxy();
|
if (x < nowBox.x + nowBox.width / 2) {
|
insert = 'preend';
|
|
Edo.util.Dom.setXY(updown[0], [nowBox.x - 5, nowBox.y - 10]);
|
Edo.util.Dom.setXY(updown[1], [nowBox.x - 5, nowBox.y + nowBox.height]);
|
}
|
else {
|
insert = 'append';
|
|
Edo.util.Dom.setXY(updown[0], [nowBox.x - 5 + nowBox.width, nowBox.y - 10]);
|
Edo.util.Dom.setXY(updown[1], [nowBox.x - 5 + nowBox.width, nowBox.y + nowBox.height]);
|
}
|
|
p.setFeedback('yes');
|
}
|
}
|
|
},
|
ondragcomplete: function (e) {
|
Edo.managers.DragProxy.hideUpDownProxy();
|
p.destroy();
|
//
|
if (targetColumn) {
|
tb.insertColumn(targetColumn, column, insert);
|
tb.set('columns', tb.getColumns());
|
}
|
|
}
|
|
});
|
},
|
destroy: function () {
|
this.owner.un('headermousedown', this.onheadermousedown, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.HeaderDragDrop.regType('HeaderDragDrop');
|
Edo.plugins.HeaderSplitter = function () {
|
Edo.plugins.HeaderSplitter.superclass.constructor.call(this);
|
};
|
Edo.plugins.HeaderSplitter.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('headermousedown', this.onheadermousedown, this, 0);
|
},
|
onheadermousedown: function (e) {
|
if (e.button != Edo.util.MouseButton.left) return;
|
var tb = this.owner;
|
var view = tb.data.view;
|
var record = e.record;
|
var column = e.column;
|
var t = e.target;
|
|
if (!Edo.util.Dom.hasClass(t, 'e-table-split')) return;
|
var columnId = t.id.split('|');
|
columnId = columnId[columnId.length - 1];
|
column = tb.getColumn(columnId);
|
if (!column || column.enableResize === false) return;
|
|
function syncResize(proxy, box) {
|
Edo.util.Dom.setBox(proxy, {
|
x: box.right - 5,
|
y: box.y,
|
width: 5,
|
height: column.height//box.height + tb.viewHeight
|
});
|
}
|
Edo.managers.ResizeManager.startResize({
|
target: t,
|
box: tb.getColumnBox(column),
|
event: e,
|
handler: 'e',
|
handlerEl: t,
|
autoResize: false,
|
minWidth: column.minWidth,
|
autoProxy: false,
|
|
onresizestart: function (e) {
|
this.splitproxy = t.cloneNode(false);
|
this.splitproxy.style.backgroundColor = 'black';
|
this.splitproxy.style.zIndex = 20000001;
|
Edo.util.Dom.setOpacity(this.splitproxy, .3);
|
Edo.util.Dom.append(document.body, this.splitproxy);
|
|
syncResize(this.splitproxy, e.box);
|
},
|
onresize: function (e) {
|
syncResize(this.splitproxy, e.box);
|
},
|
onresizecomplete: function (e) {
|
|
column.width = e.size.width - 2; //超出的部分,必须要剪掉
|
tb.set('columns', tb.getColumns());
|
Edo.util.Dom.remove(this.splitproxy);
|
}
|
});
|
|
|
},
|
destroy: function () {
|
this.owner.un('headermousedown', this.onheadermousedown, this);
|
this.owner = null;
|
Edo.plugins.RowSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.HeaderSplitter.regType('HeaderSplitter');
|
Edo.plugins.TreeDragDrop = function () {
|
Edo.plugins.TreeDragDrop.superclass.constructor.call(this);
|
};
|
Edo.plugins.TreeDragDrop.extend(Edo.plugins.TableDragDrop, {
|
checkDropAction: function (dragData, e) {
|
var node = dragData.targetItem;
|
var rowBox = e.dropObject.getItemBox(dragData.targetItem);
|
|
var y = e.now[1], rowY = rowBox.y, rowHeight = rowBox.height;
|
|
if (node.children) {
|
if (y <= rowY + rowHeight / 3) return 'preend';
|
if (y >= rowY + rowHeight - rowHeight / 3) return 'append';
|
return 'add';
|
} else {
|
return Edo.plugins.TreeDragDrop.superclass.checkDropAction.apply(this, arguments);
|
}
|
},
|
clearInsertProxy: function () {
|
Edo.managers.DragProxy.hideInsertProxy();
|
//清除e-tree-drop-add
|
if (this.addinrow) {
|
|
Edo.util.Dom.removeClass(this.addinrow, 'e-tree-add');
|
this.addinrow = null;
|
}
|
},
|
doInsertProxy: function (dragData, e) {
|
var insert = dragData.insertAction,
|
target = e.dropObject,
|
row = dragData.targetItem;
|
|
this.clearInsertProxy();
|
if (insert == 'add') {
|
Edo.managers.DragProxy.hideInsertProxy();
|
|
var rnode = target.getTextNode(row);
|
if (rnode) {
|
Edo.util.Dom.addClass(rnode, 'e-tree-add');
|
|
this.addinrow = rnode;
|
}
|
|
} else {
|
Edo.plugins.TreeDragDrop.superclass.doInsertProxy.apply(this, arguments);
|
}
|
},
|
getFeedback: function (insert) {
|
|
if (insert == 'add') return 'add';
|
return insert;
|
},
|
canDrop: function (dragData, e) {
|
var source = e.dragObject,
|
target = e.dropObject,
|
nowRow = dragData.sourceRow,
|
targetItem = dragData.targetItem;
|
|
var allow = true;
|
|
//!!!
|
//status = e.dropObject.id+":"+new Date();
|
|
//if(source == target){ //判断nowRow是否在targetItem之内
|
for (var i = 0, l = dragData.data.length; i < l; i++) {
|
var nowRow = dragData.data[i];
|
var isChild = Edo.data.DataTree.isAncestor(nowRow, targetItem);
|
allow = !isChild;
|
if (!allow) break;
|
|
if (targetItem == nowRow) {
|
allow = false;
|
break;
|
}
|
}
|
//}
|
|
//开放一个接口
|
//this.owner.fireEvent('
|
|
if (allow) {
|
return Edo.plugins.TreeDragDrop.superclass.canDrop.apply(this, arguments);
|
} else {
|
dragData.insertAction = null;
|
this.clearInsertProxy();
|
e.feedback.setFeedback('no');
|
}
|
},
|
doDragDrop: function (dragData, e) {
|
var source = e.dragObject, target = e.dropObject,
|
targetItem = dragData.targetItem, insert = dragData.insertAction, data = dragData.data;
|
|
var action = source.dragDropAction == 'move' ? 'move' : 'copy';
|
|
var e = {
|
type: 'beforerowdragdrop',
|
dragDropAction: action, //拖拽命令:决定原row是否删除
|
insertAction: insert, //加入命名:决定数据怎么加入(preend, append, add)
|
source: this.owner,
|
dragData: source.data,
|
dropData: target.data,
|
rows: data,
|
targetItem: targetItem
|
}
|
|
if (this.owner.fireEvent('beforerowdragdrop', e) === false) return;
|
|
var isonedata = source.data === target.data;
|
var d = target.data;
|
|
// var cloneData = [];
|
// for(var i=0,l=data.length; i<l; i++){
|
// cloneData.add(Edo.data.cloneData(data[i]));
|
// }
|
cloneData = Edo.clone(data);
|
|
|
if (source.data === target.data) {
|
|
if (target.dragDropAction == 'move') {
|
target.data.move(data, targetItem, insert);
|
}
|
|
} else {
|
//target.data.insertRange(index, cloneData);
|
|
if (target.dragDropAction == 'move') {
|
source.data.removeRange(data);
|
target.data.move(data, targetItem, insert);
|
} else {
|
|
}
|
}
|
|
|
// if(isonedata) d.beginChange();
|
//
|
// var view = data;
|
// for(var i=0,l=view.length; i<l; i++){
|
// var now = view[i];
|
//
|
// if(source.dragDropAction == 'move'){
|
// source.deselect(now);
|
// source.data.remove(now); //drag对象删除数据
|
// }
|
//
|
// now = Edo.data.cloneData(now);
|
// d.move(now, targetItem, insert);
|
//
|
// view[i] = now;
|
// }
|
|
target.selectRange(data);
|
|
//if(isonedata) d.endChange(action);
|
|
e.type = 'rowdragdrop';
|
this.owner.fireEvent('rowdragdrop', e)
|
}
|
});
|
|
Edo.plugins.TreeDragDrop.regType('treedragdrop');
|
Edo.plugins.TableKeyboard = function () {
|
Edo.plugins.TableKeyboard.superclass.constructor.call(this);
|
};
|
Edo.plugins.TableKeyboard.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on("keydown", this.onKeyAction, this, 0);
|
},
|
onKeyAction: function (e) {
|
if (e.ctrlKey) return;
|
var t = this.owner, enableCellSelect = t.enableCellSelect, enableSelect = t.enableSelect;
|
|
if (Edo.util.Dom.findParent(e.target, 'e-table-filter-row')) return;
|
|
var cell = t.getCellSelected ? t.getCellSelected() : null;
|
var record = t.getSelected();
|
if (e.keyCode == 13) {
|
e.stop();
|
}
|
if (!cell && !record) return;
|
|
var record = record || cell.record, column = cell ? cell.column : -1;
|
var rowIndex = t.data.indexOf(record), columnIndex = t.columns.indexOf(column);
|
|
switch (e.keyCode) {
|
case 37: //左
|
if (column != -1) {
|
columnIndex -= 1;
|
if (columnIndex < 0) columnIndex = 0;
|
}
|
break;
|
case 38: //上
|
rowIndex -= 1;
|
if (rowIndex < 0) rowIndex = 0;
|
break;
|
case 39: //右
|
if (column != -1) {
|
columnIndex += 1;
|
if (columnIndex >= t.columns.length) columnIndex = t.columns.length - 1;
|
}
|
break;
|
case 40: //下
|
rowIndex += 1;
|
if (rowIndex >= t.data.getCount()) rowIndex = t.data.getCount() - 1;
|
break;
|
case 13: //enter
|
if (column != -1) {
|
if (t.enableCellEdit) {
|
t.beginEdit.defer(50, t, [record, column]);
|
}
|
}
|
e.stop();
|
return;
|
break;
|
case 27: //esc
|
e.stop();
|
return;
|
break;
|
}
|
var intoView = false;
|
if (column != -1) {
|
if (enableCellSelect) {
|
t.selectCell(rowIndex, columnIndex);
|
intoView = true;
|
e.stop();
|
}
|
}
|
|
if (enableSelect && (!e.ctrlKey && !e.shiftKey)) {
|
t.selectRange(rowIndex, false);
|
intoView = true;
|
e.stop();
|
}
|
if (e.shiftKey) {
|
e.stop();
|
}
|
|
if (intoView) t.scrollIntoView(rowIndex, columnIndex);
|
},
|
destroy: function () {
|
this.owner.un("keydown", this.onKeyAction, this);
|
this.owner = null;
|
Edo.plugins.TableKeyboard.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.TableKeyboard.regType('TableKeyboard');
|
//实现容器(horizontal,vertical)布局模式下的split功能:拖拽调节尺寸, 缩放
|
Edo.plugins.ContainerSplitter = function () {
|
Edo.plugins.ContainerSplitter.superclass.constructor.call(this);
|
};
|
Edo.plugins.ContainerSplitter.extend(Edo.core.Component, {
|
init: function (owner) {
|
this.owner = owner;
|
|
this.owner.on('syncsize', this.onContainerSyncSize, this);
|
this.owner.on('mousedown', this._onMouseDown, this);
|
//this.owner.on('splitclick', this._onSplitClick, this);
|
|
|
},
|
onContainerSyncSize: function (e) {
|
|
var ct = this.owner;
|
var children = ct.getDisplayChildren();
|
|
//if(ct.id == 'box222') alert(ct.id);
|
|
//if(!this.enableSplit) return;
|
//1)如果是horizontal,vertical两种方式的布局
|
//2)horizonGap,verticalGap影响...
|
|
if (this.splitters) {
|
for (var id in this.splitters) {
|
Edo.util.Dom.remove(this.splitters[id]);
|
}
|
}
|
|
var index = ['horizontal', 'vertical'].indexOf(ct.layout);
|
if (index == -1) return false;
|
|
this.splitters = {};
|
|
var gap = ct[['horizontalGap', 'verticalGap'][index]];
|
var spliterCls = ['e-spliter-h', 'e-spliter-v'][index];
|
|
|
for (var i = 0, l = children.length; i < l; i++) {
|
var c = children[i];
|
if (c.splitRegion) {
|
|
var handlecls = 'e-ct-spliter-handle-' + c.splitRegion;
|
var cls = 'e-ct-spliter-' + c.splitRegion;
|
if (!c.expanded) {
|
cls += ' ' + ct.collapseCls;
|
}
|
|
var s = '<div id="for-' + c.id + '" class="e-ct-spliter ' + cls + '"><div class="e-ct-spliter-inner"><a href="#" onclick="return false" hideFocus class="e-ct-spliter-handle ' + handlecls + '"></a></div></div>';
|
|
if (c.splitRenderer) {
|
s = c.splitRenderer.call(c);
|
}
|
|
var el = Edo.util.Dom.preend(ct.scrollEl, s);
|
|
var box = c._getBox();
|
|
if (index == 0) {
|
|
box.width = gap;
|
|
if (c.splitPlace == 'before') {
|
box.x -= gap;
|
} else {
|
box.x = box.right;
|
}
|
} else {
|
|
box.height = gap;
|
|
if (c.splitPlace == 'before') {
|
box.y -= gap;
|
} else {
|
box.y = box.bottom;
|
}
|
}
|
Edo.util.Dom.setBox(el, box);
|
|
el.control = c.id;
|
this.splitters[c.id] = el;
|
}
|
}
|
},
|
_onMouseDown: function (e) {
|
if (e.button != Edo.util.MouseButton.left) return;
|
var t = e.target;
|
if (this.splitters) {
|
for (var id in this.splitters) {
|
var el = this.splitters[id];
|
|
if (e.within(el)) {
|
var cmp = Edo.getCmp(el.control);
|
var className = t.className;
|
if (Edo.util.Dom.hasClass(t, 'e-ct-spliter-handle')) {
|
var direction = 'east';
|
direction = className.indexOf('west') != -1 ? 'west' : direction;
|
direction = className.indexOf('north') != -1 ? 'north' : direction;
|
direction = className.indexOf('south') != -1 ? 'south' : direction;
|
|
cmp.fireEvent('splitclick', {
|
type: 'splitclick',
|
source: cmp,
|
split: el,
|
splitRegion: direction
|
});
|
} else {
|
this.splitResize(e, cmp, el);
|
}
|
}
|
}
|
}
|
},
|
splitResize: function (e, cmp, el) {
|
var ct = this.owner;
|
|
if (!cmp.expanded) return;
|
|
var index = ['horizontal', 'vertical'].indexOf(ct.layout);
|
var gap = index == 0 ? ct.horizontalGap : ct.verticalGap;
|
function syncResize(proxy, box) {
|
if (index == 0) {
|
Edo.util.Dom.setBox(proxy, {
|
x: box.right - gap - (cmp.splitPlace == 'before' ? box.width - gap : 0),
|
y: box.y,
|
width: gap,
|
height: box.height
|
});
|
} else {
|
Edo.util.Dom.setBox(proxy, {
|
x: box.x,
|
y: box.bottom - gap - (cmp.splitPlace == 'before' ? box.height - gap : 0),
|
width: box.width,
|
height: gap
|
});
|
}
|
}
|
|
|
var handlers = ['e', 's'];
|
if (cmp.splitPlace == 'before') handlers = ['w', 'n'];
|
|
Edo.managers.ResizeManager.startResize({
|
target: cmp,
|
event: e,
|
handler: handlers[index],
|
handlerEl: el,
|
autoResize: false,
|
minWidth: cmp.minWidth + this.horizontalGap,
|
minHeight: cmp.minHeight + this.verticalGap,
|
autoProxy: false,
|
|
onresizestart: function (e) {
|
this.splitproxy = el.cloneNode(false);
|
this.splitproxy.style.backgroundColor = 'black';
|
Edo.util.Dom.setOpacity(this.splitproxy, .3);
|
Edo.util.Dom.append(document.body, this.splitproxy);
|
|
syncResize(this.splitproxy, e.box);
|
},
|
onresize: function (e) {
|
syncResize(this.splitproxy, e.box);
|
},
|
onresizecomplete: function (e) {
|
Edo.util.Dom.remove(this.splitproxy);
|
if (index == 0) {
|
cmp._setWidth(e.size.width - cmp.parent.horizontalGap);
|
} else {
|
cmp._setHeight(e.size.height - cmp.parent.verticalGap);
|
}
|
}
|
});
|
},
|
destroy: function () {
|
|
this.owner.un('syncsize', this.onContainerSyncSize, this);
|
this.owner.un('mousedown', this._onMouseDown, this);
|
|
this.owner = null;
|
|
Edo.plugins.ContainerSplitter.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.plugins.ContainerSplitter.regType('containersplitter');
|
|
Edo.lists.SuperGrid = function () {
|
Edo.lists.SuperGrid.superclass.constructor.call(this);
|
|
}
|
Edo.lists.SuperGrid.extend(Edo.lists.Table, {
|
|
//headerClass: Edo.lists.SuperGridHeader,
|
|
enableCellSelect: true,
|
|
columnWidth: 100,
|
rowHeight: 20,
|
maxVerticalScrollPosition: 0,
|
maxHorizontalScrollPosition: 0,
|
verticalScrollPolicy: 'auto',
|
horizontalScrollPolicy: 'auto',
|
|
scrollOffset: 18,
|
scrollHeight: 0,
|
scrollLeft: 0,
|
scrollTop: 0,
|
|
startRowIndex: 0,
|
startColumnIndex: 0,
|
|
//view显示区域范围
|
startColumn: -1,
|
endColumn: -2,
|
startRow: -1,
|
endRow: -2,
|
|
headerHeight: 24,
|
scrollIntoView: function (record, column) {
|
var record = this.getRecord(record), column = this.getColumn(column);
|
|
var cellBox = this._getCellOffsetBox(record, column);
|
var viewBox = this.getViewportBox();
|
var scrollLeft = this.scrollLeft, scrollTop = this.scrollTop;
|
|
if (cellBox.x < this.scrollLeft) { //左
|
scrollLeft = cellBox.x;
|
}
|
if (cellBox.x + cellBox.width > this.scrollLeft + viewBox.width) { //右
|
//alert("右");
|
scrollLeft = cellBox.x + cellBox.width - (viewBox.width);
|
}
|
//alert((cellBox.x + cellBox.width) +":"+scrollLeft);
|
if (cellBox.y < this.scrollTop) { //上
|
scrollTop = cellBox.y;
|
}
|
|
if (cellBox.y + cellBox.height > this.scrollTop + viewBox.height) { //下
|
scrollTop = cellBox.y + cellBox.height - viewBox.height
|
}
|
if (scrollLeft != this.scrollLeft) {
|
this._setScrollLeft(scrollLeft);
|
}
|
if (scrollTop != this.scrollTop) {
|
this._setScrollTop(scrollTop);
|
}
|
// if(scrollLeft<= 250) debugger
|
// status = scrollLeft;
|
|
// var d = this.getItemEl(record);
|
// var el = this.getCellEl(record, column);
|
// if(d || el) {
|
// Edo.util.Dom.scrollIntoView(el || d, this.scrollEl, el ? true : false);
|
// }
|
},
|
_setRowHeight: function (v) {
|
|
v = parseInt(v);
|
if (isNaN(v)) return;
|
if (v != this.rowHeight) {
|
this.rowHeight = v;
|
|
|
this.data.source.each(function (o) {
|
o.__height = v;
|
});
|
var view = this.data[this.dataViewField]
|
view.each(function (o) {
|
o.__height = v;
|
});
|
|
this.relayout('rowHeight');
|
}
|
},
|
|
elCls: 'e-supergrid e-table e-dataview e-div',
|
_setScrollHeight: function (value) {
|
value = parseInt(value);
|
if (value != this.scrollHeight) {
|
this.scrollHeight = value;
|
//this.derferRefresh();
|
this.relayout('scrollHeight');
|
}
|
},
|
_onDataChanged: function (e) {
|
//当刷新的时候, 取消编辑
|
this.cancelEdit();
|
if (e) {
|
|
}
|
this.refreshSummary();
|
this.doSelectCell(this.cellSelecteds);
|
this.checkSelecteds();
|
this.relayout('datachanged');
|
},
|
initTable: function () {
|
|
Edo.lists.SuperGrid.superclass.initTable.apply(this, arguments);
|
|
Edo.util.Dom.applyStyles(this.scrollEl, 'overflow:hidden;overflow-x:hidden;overflow-y:hidden;');
|
},
|
doScrollPolicy: function () { },
|
createChildren: function () {
|
Edo.lists.SuperGrid.superclass.createChildren.apply(this, arguments);
|
|
this.vscrollbar = Edo.create({
|
type: 'vscrollbar',
|
visible: false,
|
style: 'position:absolute;left:auto;top:' + this.getHeaderHeight() + 'px;right:0;',
|
render: this.el
|
});
|
this.hscrollbar = Edo.create({
|
type: 'scrollbar',
|
visible: false,
|
style: 'position:absolute;top:auto;left:0;bottom:0;',
|
render: this.el
|
});
|
},
|
initHeader: true,
|
getInnerHtml: function (sb) {
|
var hd = this.getHeader();
|
sb[sb.length] = '<div class="e-table-header">';
|
if (this.initHeader) {
|
sb[sb.length] = hd._createView(this.startColumn, this.endColumn);
|
}
|
sb[sb.length] = '</div><div class="e-table-viewport">'
|
//sb[sb.length] = this.createView();
|
sb[sb.length] = '</div>';
|
sb[sb.length] = '<div class="e-table-footer">';
|
sb[sb.length] = this.getFooter()._createView(0, this.columns.length);
|
sb[sb.length] = '</div>';
|
},
|
initEvents: function () {
|
this.on('mousedown', this._onMousedown, this, 0);
|
this.on('dblclick', this._onDblClick, this, 0);
|
this.on('click', this._onClick, this, 0);
|
this.on('mousemove', this._onMouseMove, this, 0);
|
this.on('mouseout', this._onMouseOut, this, 0);
|
|
this.on('scroll', this._onScroll, this, 0, 0);
|
|
Edo.util.Dom.on(this.el, "mousewheel", function (e) {
|
this.direction = 'vertical';
|
var sf = this;
|
var offset = e.getWheelDelta() * 24;
|
|
var top = this.scrollTop;
|
var v = this.vscrollbar.value;
|
this.vscrollbar.set('value', this.scrollTop - offset);
|
|
if (this.vscrollbar.value != v) {
|
var sf = this;
|
if (this.deferScrollComplete) {
|
clearTimeout(this.deferScrollComplete);
|
this.deferScrollComplete = null;
|
}
|
this.deferScrollComplete = setTimeout(function () {
|
sf.vscrollbar.completeScroll();
|
sf.deferScrollComplete = null;
|
}, 100);
|
}
|
|
if (top != this.vscrollbar.value) {
|
e.stopDefault();
|
}
|
this.submitEdit();
|
}, this, 0);
|
|
Edo.lists.Table.superclass.initEvents.call(this);
|
|
function onScrollStart(e) {
|
this.scrollTop = this.vscrollbar.value;
|
this.scrollLeft = this.hscrollbar.value;
|
this.direction = e.direction;
|
|
this.fireEvent('scrollstart', Edo.apply(e, {
|
type: 'scrollstart',
|
source: this,
|
scrollLeft: this.scrollLeft,
|
scrollTop: this.scrollTop,
|
direction: e.direction
|
}));
|
}
|
function onScrollComplete(e) {
|
this.scrollTop = this.vscrollbar.value;
|
this.scrollLeft = this.hscrollbar.value;
|
this.direction = e.direction;
|
|
this.fireEvent('scrollcomplete', Edo.apply(e, {
|
type: 'scrollcomplete',
|
source: this,
|
scrollLeft: this.scrollLeft,
|
scrollTop: this.scrollTop,
|
direction: e.direction
|
}));
|
}
|
|
function onScroll(e) {
|
|
this.scrollTop = this.vscrollbar.value;
|
this.scrollLeft = this.hscrollbar.value;
|
this.direction = e.direction;
|
|
this.fireEvent('scroll', Edo.apply(e, {
|
type: 'scroll',
|
source: this,
|
scrollLeft: this.scrollLeft,
|
scrollTop: this.scrollTop,
|
direction: e.direction
|
}));
|
|
//当刷新的时候, 取消编辑
|
this.cancelEdit();
|
}
|
|
this.vscrollbar.on('scrollstart', onScrollStart, this, 0);
|
this.hscrollbar.on('scrollstart', onScrollStart, this, 0);
|
this.vscrollbar.on('scroll', onScroll, this, 0);
|
this.hscrollbar.on('scroll', onScroll, this, 0);
|
this.vscrollbar.on('scrollcomplete', onScrollComplete, this, 0);
|
this.hscrollbar.on('scrollcomplete', onScrollComplete, this, 0);
|
},
|
count: 0,
|
horizontalScrollRefresh: false,
|
_onScroll: function (e) {
|
|
var all = this.direction == 'horizontal' && this.horizontalScrollRefresh;
|
|
//if(this.type == 'gantt') debugger
|
if (this.live || this.autoScrollView === false) {
|
//this.refresh(false);
|
this.markViewRegion();
|
return;
|
}
|
this.count++;
|
if (isSafari) {
|
if (this.count >= 5) {
|
this.refresh.defer(1, this, [all]);
|
this.count = 0;
|
}
|
} else {
|
this.refresh(all);
|
}
|
|
},
|
_setScrollLeft: function (value) {
|
if (this.scrollLeft != value) {
|
this.hscrollbar.set('value', value);
|
//this.direction = 'horizontal';
|
}
|
},
|
_setScrollTop: function (value) {
|
if (this.scrollTop != value) {
|
this.vscrollbar.set('value', value);
|
//this.direction = 'vertical';
|
}
|
},
|
markViewRegion: function () {
|
// var box = Edo.util.Dom.getBox(this.el, true);
|
// var hdHeight = this.getHeaderHeight();
|
// var footerHeight = this.getFooterHeight();
|
// var width = box.width, height = box.height - hdHeight - footerHeight;
|
|
this.markColumnsAndRows(this.scrollLeft, this.scrollTop, this.scrollLeft + this.viewWidth, this.scrollTop + this.viewHeight);
|
},
|
refresh: function (all) {
|
|
this.markViewRegion();
|
|
var rowRefresh = !(this.startRow == this.lastStartRow && this.lastEndRow == this.endRow);
|
var columnRefresh = !(this.lastStartColumn == this.startColumn && this.lastEndColumn == this.endColumn);
|
|
this.lastStartRow = this.startRow;
|
this.lastEndRow = this.endRow;
|
this.lastStartColumn = this.startColumn;
|
this.lastEndColumn = this.endColumn;
|
|
//必须刷新body, 就那么小的地方
|
if (this.el) {
|
this.viewport = Edo.replaceHtml(this.viewport, this.createView());
|
Edo.util.Dom.applyStyles(this.viewport, 'overflow:hidden;overflow-x:hidden;overflow-y:hidden;');
|
this.scrollEl = this.viewport;
|
}
|
if (this.scrollLeft == this.hscrollbar.maxValue) {
|
this.viewport.scrollLeft = Math.abs(this.scrollLeft - this.getOffsetByColumn(this.startColumn));
|
} else {
|
this.viewport.scrollLeft = 0;
|
}
|
|
//如果是自适应, 则刷新
|
var isSync = this.getColumn(this.autoExpandColumn) || this.autoColumns;
|
|
if (all === true || isSync) {
|
this.refreshHeader();
|
this.refreshFooter();
|
}
|
|
var viewportScrollLeft = this.getViewportScrollLeft();
|
this.footEl.scrollLeft = viewportScrollLeft;
|
this.headEl.scrollLeft = viewportScrollLeft;
|
|
//渲染刷新事件
|
this.fireEvent('refresh', {
|
type: 'refresh',
|
source: this
|
});
|
},
|
getViewportScrollLeft: function () {
|
return this.getColumnsWidth(0, this.startColumn) + this.viewport.scrollLeft;
|
},
|
//找从左侧到column的尺寸之和
|
getOffsetByColumn: function (column) {
|
column = this.getColumn(column);
|
var allw = 0;
|
this.columns.each(function (c) {
|
if (column == c) return false;
|
allw += c.width;
|
|
}, this);
|
return allw;
|
},
|
getVerticalScrollOffset: function () {
|
var offset = 0;
|
if (this.verticalScrollPolicy == 'on') {
|
offset = this.scrolloffset;
|
} else if (this.verticalScrollPolicy == 'off') {
|
|
} else {
|
var box = this.el ? Edo.util.Dom.getBox(this.el, true) : this.realHeight;
|
var hdHeight = this.getHeaderHeight();
|
var sh = this.headerVisible ? box.height - hdHeight : box.height;
|
if (this.maxVerticalScrollPosition > sh) {
|
offset = this.scrolloffset;
|
}
|
}
|
return offset;
|
},
|
getHorizontalScrollOffset: function () {
|
var offset = 0;
|
if (this.horizontalScrollPolicy == 'on') {
|
offset = this.scrolloffset;
|
} else if (this.horizontalScrollPolicy == 'off') {
|
|
} else {
|
var box = this.el ? Edo.util.Dom.getBox(this.el, true) : this.realWidth;
|
if (this.maxHorizontalScrollPosition > box.width) {
|
offset = this.scrolloffset;
|
}
|
}
|
return offset;
|
},
|
syncBox: function (next) {
|
|
this.markMaxScrollPosition(); //得到最长列宽和最高行高
|
|
if (!this.el) return;
|
|
var box = Edo.util.Dom.getBox(this.el, true);
|
|
var hdHeight = this.getHeaderHeight();
|
var footerHeight = this.getFooterHeight();
|
|
this.syncColumns(); //根据列宽, 计算每个列的实际列宽
|
this.markMaxScrollPosition(); //列宽调整后,重新得到最长列宽和最高行高
|
|
var width = box.width - this.getVerticalScrollOffset();
|
var height = box.height - this.getHorizontalScrollOffset();
|
|
Edo.util.Dom.setSize(this.viewport, width, height - hdHeight - footerHeight);
|
|
var viewBox = Edo.util.Dom.getBox(this.viewport, true);
|
this.viewBox = viewBox;
|
this.viewWidth = viewBox.width;
|
this.viewHeight = viewBox.height;
|
|
this.vscrollbar.set('style', 'top:' + hdHeight + 'px');
|
|
this.vscrollbar.set('height', height - hdHeight - footerHeight);
|
this.hscrollbar.set('width', width);
|
|
//
|
this.hscrollbar.set('style', 'top:' + (this.vscrollbar.height + this.getHeaderHeight()) + 'px;bottom:auto;');
|
|
this.vscrollbar.set('visible', !!this.getVerticalScrollOffset());
|
this.hscrollbar.set('visible', !!this.getHorizontalScrollOffset());
|
|
//alert(this.maxVerticalScrollPosition - this.viewHeight);
|
|
this.vscrollbar.set('maxValue', this.maxVerticalScrollPosition - this.viewHeight); //+this.scrollOffset);
|
this.hscrollbar.set('maxValue', this.maxHorizontalScrollPosition - this.viewWidth);
|
|
//表格本身的scrollTop和scrollLeft需要调整
|
if (this.scrollTop > this.vscrollbar.maxValue) {
|
this._setScrollTop(this.vscrollbar.maxValue);
|
}
|
if (this.scrollLeft > this.hscrollbar.maxValue) {
|
this._setScrollLeft(this.hscrollbar.maxValue);
|
}
|
|
if (this.foolterVisible) {
|
this.footEl.style.top = this.getHorizontalScrollOffset() + 'px';
|
}
|
},
|
getDataView: function () {
|
return this.data[this.dataViewField];
|
},
|
_getCellOffsetBox: function (record, column) {
|
record = this.getRecord(record);
|
column = this.getColumn(column);
|
|
//这里计算有问题!
|
var left = 0, top = 0;
|
var h = 0, w = 0;
|
var rowIndex = this.data.indexOf(record), columnIndex = this.columns.indexOf(column);
|
var data = this.getDataView(), columns = this.columns;
|
for (var i = 0, l = rowIndex; i <= l; i++) {
|
h = data[i].__height;
|
if (!h) h = data[i].__height = this.rowHeight;
|
top += h;
|
if (i == l) top -= h;
|
}
|
for (var i = 0, l = columnIndex; i <= l; i++) {
|
w = columns[i].width;
|
left += w;
|
if (i == l) left -= w;
|
}
|
var viewbox = this.getViewportBox();
|
var box = {
|
// x: viewbox.x+left - this.scrollLeft,
|
// y: viewbox.y+top - this.scrollTop,
|
x: left,
|
y: top,
|
width: w,
|
height: h
|
};
|
return box;
|
},
|
//确定滚动条的最大position
|
markMaxScrollPosition: function () {
|
//1)计算columns
|
var columns = this.columns;
|
var hp = 0;
|
for (var i = this.startColumnIndex, l = columns.length; i < l; i++) {
|
var w = columns[i].width;
|
if (!w) w = columns[i].width = this.columnWidth;
|
hp += w;
|
}
|
|
var data = this.getDataView(); //如果没有columns,则使用data的第一行的所有field生成默认columns!
|
var vp = 0;
|
for (var i = this.startRowIndex, l = data.length; i < l; i++) {
|
var h = data[i].__height;
|
if (!h) h = data[i].__height = this.rowHeight;
|
//if(!h) h = this.rowHeight;
|
vp += h;
|
}
|
this.maxHorizontalScrollPosition = hp;
|
this.maxVerticalScrollPosition = vp;
|
|
if (this.maxVerticalScrollPosition >= this.realHeight && data.length > 0) {
|
this.maxVerticalScrollPosition += (data[data.length - 1].__height || this.rowHeight);
|
}
|
|
//如果是live模式, 则表格的maxVerticalScrollPosition恒定时传递的scrollHeight的值
|
if (this.live) {
|
if (this.scrollHeight) this.maxVerticalScrollPosition = this.scrollHeight;
|
}
|
// if(this.maxHorizontalScrollPosition >= this.realWidth){
|
// this.maxHorizontalScrollPosition += this.columns[this.columns.length-1].width;
|
// }
|
},
|
//根据尺寸区域,计算出行/列区域
|
markColumnsAndRows: function (left, top, right, bottom) {
|
//加上lockOffset
|
var ds = this.getDataView();
|
var columns = this.columns;
|
//columnes
|
if (!columns || columns.length == 0) return;
|
var x = 0;
|
for (var i = this.startColumnIndex, l = columns.length; i < l; i++) {
|
var c = columns[i];
|
if (!c) continue;
|
var w = columns[i].width;
|
x += w;
|
if (x > left) {
|
this.startColumn = i;
|
x -= w;
|
break;
|
}
|
}
|
if (this.startColumn >= columns.length) this.startColumn = columns.length - 1;
|
for (var i = this.startColumn, l = columns.length; i < l; i++) {
|
var c = columns[i];
|
if (!c) continue;
|
|
var w = columns[i].width;
|
x += w;
|
if (x > right) {
|
this.endColumn = i;
|
break;
|
}
|
this.endColumn = i;
|
}
|
|
// if(this.endColumn
|
//data
|
|
if (this.live) {
|
this.startRow = parseInt(this.scrollTop / this.rowHeight);
|
this.endRow = this.startRow + parseInt(this.viewHeight / this.rowHeight);
|
return;
|
}
|
|
if (!ds || ds.length == 0) return;
|
//startRow
|
var y = 0;
|
for (var i = this.startRowIndex, l = ds.length; i < l; i++) {
|
var h = ds[i].__height || this.rowHeight;
|
y += h;
|
if (y > top) {
|
this.startRow = i;
|
//y -= h;
|
break;
|
}
|
}
|
|
if (this.startRow >= ds.length) this.startRow = ds.length - 1;
|
//endRow
|
for (var i = this.startRow, l = ds.length; i < l; i++) {
|
var r = ds[i];
|
if (!r) continue;
|
var h = r.__height || this.rowHeight;
|
y += h;
|
if (y > bottom) {
|
this.endRow = i;
|
break;
|
}
|
this.endRow = i;
|
}
|
this.endRow += 1;
|
}
|
,
|
syncSize: function () {
|
|
Edo.lists.SuperGrid.superclass.syncSize.apply(this, arguments);
|
this.syncBox();
|
this.refresh(); //因为是动态的,所以可以即时刷新, 数据量比较小
|
}
|
});
|
|
Edo.lists.SuperGrid.regType('SuperGrid');
|
|
|
Edo.lists.TreeGrid = function () {
|
|
|
Edo.lists.TreeGrid.superclass.constructor.call(this);
|
|
this.on('beforebodymousedown', this._onbeforebodymousedownHandler, this);
|
}
|
Edo.lists.TreeGrid.extend(Edo.lists.SuperGrid, {
|
|
|
treeColumn: '',
|
treeColumnCls: 'e-tree-treecolumn',
|
|
collapseCls: 'e-tree-collapsed',
|
expandCls: 'e-tree-expanded',
|
|
dragDropModel: 'treedragdrop',
|
enableColumnSort: false,
|
|
enableStripe: false,
|
|
showNodeLines: false,
|
createChildren: function () {
|
Edo.lists.TreeGrid.superclass.createChildren.apply(this, arguments);
|
this._coreShowNodeLines();
|
},
|
_coreShowNodeLines: function () {
|
if (this.el) {
|
if (this.showNodeLines) {
|
Edo.util.Dom.removeClass(this.el, "e-tree-nodelines-none");
|
} else {
|
Edo.util.Dom.addClass(this.el, "e-tree-nodelines-none");
|
}
|
}
|
},
|
_setShowNodeLines: function (value) {
|
if (this.showNodeLines != value) {
|
this.showNodeLines = value;
|
this._coreShowNodeLines();
|
}
|
},
|
|
_onbeforebodymousedownHandler: function (e) {
|
var t = e.target;
|
var r = e.record;
|
|
if (e.button == Edo.util.MouseButton.left) {
|
var nodeicon = Edo.util.Dom.hasClass(t, 'e-tree-nodeicon');
|
if (nodeicon) {
|
if (this.fireEvent('beforetoggle', {
|
type: 'beforetoggle',
|
source: this,
|
row: r,
|
record: r
|
}) !== false) {
|
if (Edo.util.Dom.findParent(t, 'e-tree-collapsed', 3)) {
|
//this.data.expand.defer(1, this.data, [r]);
|
this.submitEdit();
|
this.data.expand(r);
|
return false;
|
} else if (Edo.util.Dom.findParent(t, 'e-tree-expanded', 3)) {
|
this.submitEdit();
|
|
this.data.collapse(r);
|
//this.data.collapse.defer(1, this.data, [r]);
|
|
return false;
|
}
|
this.fireEvent('toggle', {
|
type: 'toggle',
|
source: this,
|
row: r,
|
record: r
|
});
|
} else {
|
|
r.expanded = !r.expanded;
|
//this.data.toggle(r);
|
return false;
|
}
|
|
|
}
|
|
}
|
},
|
applyTreeColumn: function () {
|
var column = this.getColumn(this.treeColumn);
|
// if(!column) column = this.columns[0];
|
// this.treeColumn = column.id;
|
if (!column) return;
|
|
if (column.renderer == this.treeRenderer) return;
|
if (column.renderer) column._renderer = column.renderer;
|
column.renderer = this.treeRenderer;
|
column.cls = this.treeColumnCls;
|
},
|
//rootOffset: 0,
|
// _setRootOffset: function(value){
|
// if(this.rootOffset != value){
|
// this.rootOffset = value;
|
// this.relayout('rootOffset');
|
// }
|
// },
|
_getNodeLeft: function (r) {
|
var offset = parseInt(r._offset);
|
if (isNaN(offset)) offset = 0;
|
return r.__depth * 18 + offset;
|
},
|
treeRenderer: function (v, r, c, i, data, t) {
|
var left = t._getNodeLeft(r);
|
var w = c.width;
|
if (w < 60) w = 60;
|
|
var hasChildren = r.__hasChildren || r.__viewicon;
|
//var s = '<div class="e-treenode '+(hasChildren ? (r.expanded !== false ? 'e-tree-expanded' : 'e-tree-collapsed') : '')+'" style="padding-left:'+left+'px;height:'+(r.__height)+'px;">';
|
|
var expanded = r.expanded;
|
|
|
var rowCls = hasChildren ? (expanded == true ? t.expandCls : t.collapseCls) : '';
|
|
//var s = '<div class="e-treenode '+(hasChildren ? (expanded == true ? t.expandCls : t.collapseCls) : '')+'" style="padding-left:'+left+'px;height:'+(r.__height)+'px;">';
|
var s = '<div class="e-treenode ' + rowCls + '" style="padding-left:' + left + 'px;height:' + (r.__height) + 'px;">';
|
|
//if(r.Name == "分发给工作组成员" && r.Duration == 16) debugger
|
//绘制节点线
|
var topNode = data.findTop(r);
|
var isLast = data.isLast(topNode);
|
var node = r, __left = left - 18;
|
while (1) {
|
if (node.__pid == -1) break;
|
var parentNode = data.getById(node.__pid);
|
if (isLast && data.isLast(parentNode)) {
|
|
} else {
|
s += '<div class="e-tree-nodeline" style="left:' + __left + 'px;"></div>';
|
}
|
node = parentNode;
|
__left -= 18;
|
}
|
|
|
|
|
var offset = left;
|
//if (hasChildren && r.__viewToggle !== false) {
|
//s += '<a href="javascript:;" hidefocus class="e-tree-nodeicon" style="left:' + offset + 'px;"></a>';
|
//}
|
if (data.isLast(r)) {
|
s += '<a href="javascript:;" hidefocus class="e-tree-nodeicon e-tree-lastnode" style="left:' + offset + 'px;"></a>';
|
} else {
|
s += '<a href="javascript:;" hidefocus class="e-tree-nodeicon" style="left:' + offset + 'px;"></a>';
|
}
|
|
offset += 18;
|
|
if (r.icon) {
|
s += '<div class="' + r.icon + '" style="width:18px;height:20px;overflow:hidden;position:absolute;top:0px;left:' + offset + 'px;"></div>';
|
offset += 16;
|
}
|
|
if (c._renderer) {
|
v = c._renderer(v, r, c, i, data, t);
|
}
|
s += '<div id="' + t.id + '-textnode-' + r.__id + '" class="e-tree-nodetext" style="left:' + (offset + 2) + 'px;">' + v + '</div>';
|
s += '</div>';
|
|
// if(!data.isDisplay(r)) {
|
//
|
// r.__style = 'display:none';
|
// }
|
|
return s;
|
},
|
_setColumns: function (columns) {
|
Edo.lists.TreeGrid.superclass._setColumns.call(this, columns);
|
this.applyTreeColumn();
|
},
|
|
_setData: function (data) {
|
//必须经过dataTree转换
|
if (typeof data == 'string') data = window[data];
|
if (!data) return;
|
if (data.componentMode != 'data') {
|
if (!this.data) {
|
data = new Edo.data.DataTree(data);
|
} else {
|
this.data.load(data);
|
return;
|
}
|
}
|
Edo.lists.TreeGrid.superclass._setData.call(this, data);
|
},
|
getTextNode: function (record) {
|
record = this.getRecord(record);
|
return Edo.getDom(this.id + '-textnode-' + record.__id);
|
}
|
});
|
|
Edo.lists.TreeGrid.regType('TreeGrid', 'supertree');
|
Edo.plugins.GanttTimeLineResize = function () {
|
Edo.plugins.GanttTimeLineResize.superclass.constructor.call(this);
|
};
|
Edo.plugins.GanttTimeLineResize.extend(Edo.core.Component, {
|
|
init: function (owner) {
|
|
if (this.owner) return;
|
this.owner = owner;
|
|
//owner.on('headermousedown', this.onMousedown, this);
|
},
|
onMousedown: function (e) {
|
var gantt = this.owner;
|
|
var xy = e.xy;
|
|
var view = gantt.dateView;
|
|
var widthField = view.split('-')[1] + 'Width';
|
var width = gantt[widthField];
|
|
var drag = new Edo.util.Drag({
|
onMove: function (e) {
|
//向右是放大, 左是缩小 季(左) - 时(右)
|
var offset = (e.now[0] - xy[0]);
|
|
//document.title = gantt[widthField] + offset;
|
|
gantt.set(widthField, width + offset);
|
}
|
});
|
|
drag.start(e);
|
|
},
|
destroy: function () {
|
|
this.owner.un('mousedown', this.onMousedown, this);
|
|
Edo.plugins.GanttTimeLineResize.superclass.destroy.call(this);
|
}
|
});
|
Edo.plugins.GanttTimeLineResize.regType('GanttTimeLineResize');
|
Edo.plugins.GanttProgressLine = function () {
|
Edo.plugins.GanttProgressLine.superclass.constructor.call(this);
|
};
|
Edo.plugins.GanttProgressLine.extend(Edo.core.Component, {
|
deferRenderTime: 200,
|
|
init: function (owner) {
|
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('refresh', this.onRefresh, this);
|
},
|
onRefresh: function (e) {
|
var gantt = this.owner;
|
//绘制进度线折线
|
if (this.progressLineCanvas) {
|
Edo.removeNode(this.progressLineCanvas)
|
this.progressLineCanvas = null;
|
}
|
if (this.progressLineTimer) {
|
clearTimeout(this.progressLineTimer)
|
this.progressLineTimer = null;
|
}
|
if (gantt.enableDeferRenderProgressLine) {
|
this.progressLineTimer = this.doRender.defer(this.deferRenderTime, this);
|
} else {
|
this.doRender();
|
}
|
},
|
doRender: function () {
|
var gantt = this.owner;
|
this.progressLineTimer = null;
|
if (!gantt.progressLineVisible) return;
|
|
var progressLines = gantt.progressLines; //这个任务连线的计算, 是否也应该放入插件?(这个算法还是比较简单的吧)
|
|
var view = gantt.viewport;
|
|
Edo.util.Dom.append(view, gantt.progresssb.join(''));
|
|
this.progressLineCanvas = Edo.util.Dom.append(view, '<canvas style="position:absolute;left:0px;top:0px;z-index:19;" width="' + gantt.viewWidth + '" height="' + gantt.viewHeight + '"></canvas>');
|
if (window.G_vmlCanvasManager_) this.progressLineCanvas = G_vmlCanvasManager_.initElement(this.progressLineCanvas);
|
var ctx = this.progressLineCanvas.getContext('2d');
|
//水印
|
// ctx.font = "12px Times New Roman";
|
// ctx.fillStyle = "Black";
|
// if(ctx.fillText) ctx.fillText("易度甘特图http://www.edogantt.com", 5, 15);
|
|
|
for (var i = 0, l = progressLines.length; i < l; i++) {
|
var p = progressLines[i];
|
if (i == 0) {
|
ctx.moveTo(p[0], p[1]);
|
} else {
|
ctx.lineTo(p[0], p[1]);
|
}
|
}
|
ctx.strokeStyle = 'red';
|
ctx.stroke();
|
|
},
|
destroy: function () {
|
|
this.owner.un('refresh', this.onRefresh, this);
|
|
Edo.plugins.GanttProgressLine.superclass.destroy.call(this);
|
}
|
});
|
Edo.plugins.GanttProgressLine.regType('ganttprogressline');
|
Edo.plugins.GanttTaskLine = function () {
|
Edo.plugins.GanttTaskLine.superclass.constructor.call(this);
|
};
|
Edo.plugins.GanttTaskLine.extend(Edo.core.Component, {
|
deferRenderTime: 200,
|
|
init: function (owner) {
|
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('refresh', this.onRefresh, this);
|
},
|
onRefresh: function (e) {
|
var gantt = this.owner;
|
|
if (!gantt.taskLineVisible) return;
|
|
if (this.taskLineTimer) {
|
clearTimeout(this.taskLineTimer)
|
this.taskLineTimer = null;
|
}
|
if (gantt.enableDeferRenderTaskLine) {
|
this.taskLineTimer = this.doRender.defer(this.deferRenderTime, this);
|
} else {
|
this.doRender();
|
}
|
},
|
doRender: function () {
|
var gantt = this.owner;
|
this.taskLineTimer = null;
|
if (!gantt.taskLineVisible) return;
|
|
var lineString = this.getView(gantt.startRow, gantt.endRow, gantt.viewWidth, gantt.viewHeight);
|
|
Edo.util.Dom.append(gantt.viewport, lineString);
|
},
|
destroy: function () {
|
|
this.owner.un('refresh', this.onRefresh, this);
|
|
Edo.plugins.GanttTaskLine.superclass.destroy.call(this);
|
},
|
getView: function (sr, er, viewWidth, viewHeight) {
|
var lines = this.createLines(sr, er);
|
|
var lineString = this.createLineView(lines, viewWidth, viewHeight);
|
|
return lineString;
|
},
|
createLines: function (sr, er) {
|
|
//找出显示在可视viewport区域的任务关联性连线集合
|
var gantt = this.owner;
|
var data = gantt.data.view, ganttData = gantt.data;
|
|
|
if (gantt.live) {
|
er = er - sr;
|
sr = 0;
|
}
|
|
var links = [];
|
|
var startTask = ganttData.view[0];
|
|
for (var i = 0, l = data.length; i < l; i++) {
|
var r = data[i];
|
var lks = r.PredecessorLink;
|
var index1 = r.__index;
|
//if(r.Name == '行为需求分析') debugger
|
var ProjectUID = r.ProjectUID;
|
if (lks && lks.length > 0) {
|
|
for (var j = 0, k = lks.length; j < k; j++) {
|
var lk = lks[j];
|
var ptask = ganttData.getTask(lk.PredecessorUID, ProjectUID);
|
//判断前置和后续任务是否是一个项目的
|
if (!ptask || (ptask.__id && !ganttData.getViewById(ptask.__id))) {
|
continue;
|
}
|
//知道了两个任务,现在判断这两个任务的关系连线是否显示,就看他们的rowIndex范围,是否与目前的可视化范围交互
|
var index2 = ptask.__index;
|
//if(!ganttData.getTask(ptask.UID)) { //判断是否在hashTask上,重要
|
if (!Edo.isValue(index2)) {
|
index2 = ptask.__index = ptask.___index - startTask.___index + startTask.__index;
|
}
|
|
if ((index1 >= sr && index1 <= er)
|
|| (index2 >= sr && index2 <= er)
|
|| (index1 < sr && index2 > er)
|
|| (index2 < sr && index1 > er)
|
) {
|
lk.TaskUID = r.UID;
|
links[links.length] = lk;
|
}
|
}
|
}
|
}
|
|
return links;
|
},
|
createLineView: function (links, viewW, viewH) {
|
var t = this.owner;
|
var data = t.data.view, ganttData = t.data;
|
|
var widthGet = t.widthGet;
|
var linkType = Edo.data.DataGantt.PredecessorLinkType;
|
var halfHeight = t.rowHeight / 2; // 1/2的行高
|
var offsetH = 5; //top到item dom的偏移
|
|
var rowHeight = t.rowHeight;
|
var startRowTop = t.live ? 0 : t.startRowTop;
|
|
//var baseTop = t.live ? t.startRow * t.rowHeight : 0;
|
|
var sb = [];
|
|
var startDate = t.columns[t.startColumn].date, finishDate = t.columns[t.endColumn].date;
|
for (var i = 0, l = links.length; i < l; i++) {
|
var link = links[i];
|
|
var r = ganttData.getTask(link.TaskUID, link.ProjectUID);
|
var task = ganttData.getTask(link.PredecessorUID, link.ProjectUID); //出发任务
|
if (!r || !task) continue;
|
//if(r.Name == '行为需求分析') debugger
|
var w = (r.Finish - r.Start) / widthGet;
|
//if(r.Name == '行为需求分析') debugger
|
if (r.Start > finishDate || r.Finish < startDate) continue;
|
|
var left = t.getDateLeft(r.Start); //应该标记
|
|
var top = r.__index * rowHeight - startRowTop; //这里注意一下:如果是做成让每一行都不同高度, 这里的计算应该改变
|
|
if (r.Milestone) { //里程碑
|
w = 12;
|
} else if (r.Duration === 0) { //如果是0工时,则...
|
w = 12;
|
}
|
|
if (r.Duration === 0 || r.Milestone) {
|
left -= 6;
|
w += 12;
|
} else if (r.Summary) {
|
left -= 3;
|
w += 6;
|
}
|
|
var linkCls = r.Critical && task.Critical ? 'e-point-critical' : '';
|
|
var lt = linkType[link.Type];
|
|
var sourceDate = task[lt.Date[0]], targetDate = r[lt.Date[1]];
|
|
var horizontalW = (sourceDate - targetDate) / widthGet; //横向距离
|
var verticalH = (r.__index - task.__index) * t.rowHeight; //计算出两个任务之间的纵向距离
|
|
var sLeft = t.getDateLeft(task.Start);
|
var sW = (task.Finish - task.Start) / widthGet;
|
|
if (task.Duration === 0 || task.Milestone) {
|
sLeft -= 6;
|
sW += 12;
|
} else if (task.Summary) {
|
sLeft -= 3;
|
sW += 6;
|
}
|
|
//确定"出发"坐标,和"终点"坐标
|
var points = [];
|
|
var sX, sY, tX, tY;
|
|
var offset = 10;
|
|
var direction = r.__index > task.__index ? 'down' : 'up';
|
//首先,根据出发跟终点任务的index,决定down或up;然后,如果有left或right,具体再改变
|
|
if (link.Type == 0) { //FF
|
sX = sLeft + sW;
|
sY = top - verticalH;
|
|
tX = left + w;
|
tY = top;
|
|
//第一个坐标点
|
points.add({ x: sX, y: sY + halfHeight });
|
|
//if(tX >= sX + offset){
|
if (tX >= sX) {
|
points.add({
|
x: tX,
|
y: sY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + offsetH
|
});
|
} else if (tX <= sX) {
|
points.add({
|
x: sX + offset,
|
y: sY + halfHeight
|
});
|
|
points.add({
|
x: sX + offset,
|
y: tY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + halfHeight
|
});
|
direction = 'left';
|
} else {
|
points.add({
|
x: tX + offset,
|
y: sY + halfHeight
|
});
|
points.add({
|
x: tX + offset,
|
y: tY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + halfHeight
|
});
|
direction = 'left';
|
}
|
|
|
} else if (link.Type == 1) { //FS
|
sX = sLeft + sW;
|
sY = top - verticalH;
|
|
tX = left;
|
tY = top;
|
|
//第一个坐标点
|
points.add({ x: sX, y: sY + halfHeight });
|
|
//if(tX >= sX+offset){
|
if (tX >= sX) {
|
points.add({
|
x: tX,
|
y: sY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + offsetH
|
});
|
} else {
|
points.add({
|
x: sX + offset,
|
y: sY + halfHeight
|
});
|
//找到次一个任务节点,并根据上下关系,进行处理
|
var _Y = r.__index > task.__index ? tY : tY + t.rowHeight;
|
|
points.add({
|
x: sX + offset,
|
y: _Y
|
});
|
points.add({
|
x: tX - offset,
|
y: _Y
|
});
|
points.add({
|
x: tX - offset,
|
y: tY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + halfHeight
|
});
|
|
direction = 'right';
|
}
|
|
|
} else if (link.Type == 2) { //SF
|
|
sX = sLeft;
|
sY = top - verticalH;
|
|
tX = left + w;
|
tY = top;
|
|
//第一个坐标点
|
points.add({ x: sX, y: sY + halfHeight });
|
|
//if(tX <= sX-offset){
|
if (tX <= sX) {
|
points.add({
|
x: tX,
|
y: sY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + offsetH
|
});
|
} else {
|
points.add({
|
x: sX - offset,
|
y: sY + halfHeight
|
});
|
//找到次一个任务节点,并根据上下关系,进行处理
|
var _Y = r.__index > task.__index ? tY : tY + t.rowHeight;
|
|
points.add({
|
x: sX - offset,
|
y: _Y
|
});
|
points.add({
|
x: tX + offset,
|
y: _Y
|
});
|
points.add({
|
x: tX + offset,
|
y: tY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + halfHeight
|
});
|
direction = 'left';
|
}
|
} else if (link.Type == 3) { //SS
|
sX = sLeft;
|
sY = top - verticalH;
|
|
tX = left;
|
tY = top;
|
|
//第一个坐标点
|
points.add({ x: sX, y: sY + halfHeight });
|
|
//if(tX <= sX - offset){
|
if (tX <= sX) {
|
points.add({
|
x: tX,
|
y: sY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + offsetH
|
});
|
} else if (tX >= sX) {
|
points.add({
|
x: sX - offset,
|
y: sY + halfHeight
|
});
|
|
points.add({
|
x: sX - offset,
|
y: tY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + halfHeight
|
});
|
direction = 'right';
|
} else {
|
points.add({
|
x: tX - offset,
|
y: sY + halfHeight
|
});
|
points.add({
|
x: tX - offset,
|
y: tY + halfHeight
|
});
|
points.add({
|
x: tX,
|
y: tY + halfHeight
|
});
|
direction = 'right';
|
}
|
|
}
|
|
//判断此段线,是否在可视区域内:1不在可视区域内,删除;2.与可视区交叉,则修正坐标点,减少dom尺寸
|
|
|
//根据points坐标点集合,按顺序画出线条...
|
var pre = null;
|
var linkinfo = link.TaskUID + '$' + link.PredecessorUID;
|
for (var ii = 0, ll = points.length; ii < ll; ii++) {
|
var p = points[ii];
|
if (pre) {
|
if (p.x == pre.x) { //竖
|
var _y = p.y < pre.y ? p.y : pre.y;
|
var _h = Math.abs(p.y - pre.y);
|
|
//偏移处理
|
//_y -= 1;
|
_h += 1;
|
|
if (pre.x < 0 || pre.x > viewW || _y > viewH || _y + _h < 0) {
|
} else {
|
//if(linkinfo == '68$16') debugger
|
var __top = _y, __bottom = _y + _h;
|
if (__top < 0) __top = 0;
|
if (__bottom > viewH) __bottom = viewH;
|
|
sb[sb.length] = '<div linkinfo="' + linkinfo + '" class="e-gantt-linkinfo e-point ' + linkCls + '" style="left:' + pre.x + 'px;top:' + __top + 'px;width:1px;height:' + (__bottom - __top) + 'px;"></div>';
|
}
|
} else { //横
|
var _x = p.x < pre.x ? p.x : pre.x;
|
var _w = Math.abs(p.x - pre.x);
|
|
//偏移处理
|
//pre.y -= 1;
|
_w += 1;
|
|
if (pre.y < 0 || pre.y > viewH || _x > viewW || _x + _w < 0) {
|
} else {
|
var __left = _x, __right = _x + _w;
|
if (__left < 0) __left = 0;
|
if (__right > viewW) __right = viewW;
|
|
sb[sb.length] = '<div linkinfo="' + linkinfo + '" class="e-gantt-linkinfo e-point ' + linkCls + '" style="left:' + __left + 'px;top:' + pre.y + 'px;width:' + (__right - __left) + 'px;height:1px;"></div>';
|
}
|
}
|
}
|
pre = p;
|
}
|
if (pre) {
|
var _left = pre.x, _top = pre.y;
|
if (direction == 'up') {
|
_top += 10;
|
_left -= 4;
|
} else if (direction == 'down') {
|
_top -= 5;
|
_left -= 4;
|
}
|
else if (direction == 'left') {
|
_top -= 4;
|
_left += 0;
|
}
|
else if (direction == 'right') {
|
_top -= 4;
|
_left -= 4;
|
}
|
|
if (_left + 16 < 0 || left > viewW || _top + 16 < 0 || _top > viewH) {
|
} else {
|
sb[sb.length] = '<div linkinfo="' + linkinfo + '" class="e-gantt-linkinfo ' + 'e-gantt-arrowhead-' + direction + ' ' + (linkCls ? 'e-gantt-arrowhead-' + direction + '-critical' : '') + '" style="left:' + (_left) + 'px;top:' + (_top) + 'px;"></div>';
|
}
|
}
|
}
|
return sb.join('');
|
}
|
});
|
|
Edo.plugins.GanttTaskLine.regType('gantttaskline');
|
Edo.plugins.GanttDragDrop = function () {
|
Edo.plugins.GanttDragDrop.superclass.constructor.call(this);
|
};
|
Edo.plugins.GanttDragDrop.extend(Edo.core.Component, {
|
|
init: function (owner) {
|
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('mousedown', this.onMousedown, this);
|
},
|
onMousedown: function (e) {
|
var gantt = this.owner;
|
|
this.record = gantt.getRecordByEvent(e);
|
this.dragItem = gantt.getRecordByEvent(e);
|
|
if (!this.dragItem) return;
|
|
if (!gantt.enableDragDrop) return;
|
|
this.ganttBodyBox = gantt.getViewportBox(); //gantt.getViewportBox();
|
|
this.ganttBodyX = this.ganttBodyBox.x;
|
|
var rowid = gantt.createItemId(this.dragItem);
|
|
this.dragItemDom = Edo.getDom(rowid + '-v');
|
|
if (!this.dragItemDom) return;
|
|
var t = e.target;
|
|
if (Edo.util.Dom.hasClass(t, 'e-gantt-item-track') || Edo.util.Dom.hasClass(t, 'e-gantt-item-actual')) {
|
return;
|
}
|
|
if (Edo.util.Dom.hasClass(t, 'e-gantt-item')) {
|
this.handleItemDrag(e);
|
} else if (Edo.util.Dom.hasClass(t, 'e-gantt-resize-percentcomplete')) {
|
this.handlePercentCompleteDrag(e);
|
} else if (Edo.util.Dom.hasClass(t, 'e-gantt-rezie-l')) {
|
this.handleStartDrag(e);
|
} else if (Edo.util.Dom.hasClass(t, 'e-gantt-rezie-r')) {
|
this.handleFinishDrag(e);
|
}
|
},
|
destroy: function () {
|
|
this.owner.un('mousedown', this.onMousedown, this);
|
|
Edo.plugins.GanttDragDrop.superclass.destroy.call(this);
|
},
|
getDateByOffset: function (x) {
|
//1)获得目标对象的坐标
|
var left = x - this.ganttBodyX;
|
//2)计算出当前目标对象的日期时间
|
return this.owner.getDateByOffset(left);
|
},
|
handleItemDrag: function (e) {
|
var gantt = this.owner, task = this.dragItem;
|
if (task.enableDragItem === false) return;
|
if (gantt.enableDragItem == false && task.enableDragItem !== true) return;
|
|
var sf = this;
|
|
var record = this.record;
|
var r = this.dragItem;
|
|
var t = this.dragItemDom;
|
|
if (gantt.fireEvent('itemdragstart', {
|
type: 'itemdragstart',
|
event: e,
|
item: r,
|
action: 'Item'
|
}) === false) return;
|
|
var autoScrollTimer;
|
var autoScrollView = gantt.autoScrollView;
|
|
Edo.managers.DragManager.startDrag({
|
event: e,
|
dragObject: t,
|
dragStyle: 'cursor:move;',
|
proxy: true,
|
alpha: .3,
|
ondragstart: function (e) {
|
Edo.util.Dom.addClass(gantt.el, gantt.dragingCls);
|
|
gantt.set('autoScrollView', true);
|
},
|
ondragmove: function (e) {
|
//调节控制滚动条
|
//控制横向拖拽
|
if (!gantt.enableDragItemDown) {
|
e.xy[1] = e.initXY[1];
|
}
|
|
//tip
|
var x = e.event.xy[0], y = e.event.xy[1];
|
|
var sdate = sf.getDateByOffset(e.xy[0]);
|
var edate = new Date(sdate.getTime() + (r.Finish - r.Start));
|
|
var targetRecord = gantt.getRecordByEvent(e.event);
|
gantt.fireEvent('itemdrag', {
|
type: 'itemdrag',
|
event: e.event,
|
item: r,
|
record: record,
|
targetRecord: targetRecord,
|
action: 'Item',
|
Start: sdate,
|
Finish: edate
|
});
|
|
//sf.autoScrollView(e.event);
|
|
//
|
clearInterval(autoScrollTimer);
|
autoScrollTimer = sf.autoScrollView.time(30, sf, [e.event], true);
|
|
//status = it.Name;
|
// status = e.event.target.outerHTML;
|
},
|
ondragcomplete: function (e) {
|
//var sss = new Date();
|
var sdate = sf.getDateByOffset(e.xy[0]);
|
var edate = new Date(sdate.getTime() + (r.Finish - r.Start));
|
|
Edo.util.Dom.removeClass(gantt.el, gantt.dragingCls);
|
|
var targetRecord = gantt.getRecordByEvent(e.event);
|
//alert(targetItem.Name);
|
gantt.fireEvent('itemdragcomplete', {
|
type: 'itemdragcomplete',
|
event: e.event,
|
item: r,
|
record: record,
|
targetRecord: gantt.enableDragItemDown ? targetRecord : record,
|
action: 'Item',
|
Start: sdate,
|
Finish: edate
|
})
|
|
//alert(new Date() - sss);
|
gantt.set('autoScrollView', autoScrollView);
|
clearInterval(autoScrollTimer);
|
}
|
});
|
},
|
handlePercentCompleteDrag: function (e) {
|
var gantt = this.owner, task = this.dragItem;
|
if (gantt.enableDragPercentComplete == false && task.enableDragPercentComplete !== true) return;
|
|
var sf = this;
|
var r = this.dragItem;
|
|
var t = this.dragItemDom;
|
|
var gw = Edo.util.Dom.getWidth(t);
|
|
var pcEl = Edo.util.Dom.findChild(t, gantt.percentCompleteCls);
|
|
var pw = Edo.util.Dom.getWidth(pcEl);
|
|
var w = (r.Finish - r.Start) / gantt.widthGet;
|
|
function getPercentComplete(width) {
|
var p = width / gw;
|
if (p > 1) p = 1;
|
if (p < 0) p = 0;
|
return Math.round(p * 100);
|
}
|
|
if (gantt.fireEvent('itemdragstart', {
|
type: 'itemdragstart',
|
event: e,
|
item: r,
|
action: 'PercentComplete'
|
}) === false) return;
|
|
|
Edo.managers.ResizeManager.startResize({
|
target: t,
|
event: e,
|
handler: 'e',
|
handlerEl: e.target,
|
autoResize: false,
|
minWidth: 0,
|
maxWidth: 100,
|
autoProxy: false,
|
onresizestart: function (e) {
|
Edo.util.Dom.addClass(gantt.el, gantt.dragingCls);
|
|
|
},
|
onresize: function (e) {
|
var pc = getPercentComplete(e.size.width);
|
var pw = pc / 100 * w;
|
|
pcEl.style.width = pw + 'px';
|
|
gantt.fireEvent('itemdrag', {
|
type: 'itemdrag',
|
event: e.event,
|
item: r,
|
action: 'PercentComplete',
|
PercentComplete: pc
|
});
|
|
//sf.autoScrollView(e.event);
|
},
|
onresizecomplete: function (e) {
|
//还原到原来的尺寸
|
setTimeout(function () {
|
Edo.util.Dom.setWidth(pcEl, pw);
|
}, 1);
|
var pc = getPercentComplete(e.size.width);
|
|
Edo.util.Dom.removeClass(gantt.el, gantt.dragingCls);
|
|
gantt.fireEvent('itemdragcomplete', {
|
type: 'itemdragcomplete',
|
event: e.event,
|
item: r,
|
action: 'PercentComplete',
|
PercentComplete: pc
|
})
|
}
|
});
|
|
},
|
handleStartDrag: function (e) {
|
var gantt = this.owner, task = this.dragItem;
|
if (gantt.enableDragStart == false && task.enableDragStart !== true) return;
|
this.doStartFinishDrag(e, 'Start');
|
},
|
handleFinishDrag: function (e) {
|
var gantt = this.owner, task = this.dragItem;
|
if (gantt.enableDragFinish == false && task.enableDragFinish !== true) return;
|
this.doStartFinishDrag(e, 'Finish');
|
},
|
doStartFinishDrag: function (e, action) {
|
var gantt = this.owner, task = this.dragItem;
|
|
var r = this.dragItem;
|
var t = this.dragItemDom;
|
var sf = this;
|
var handler = action == 'Start' ? 'w' : 'e';
|
|
var evt = {
|
type: 'itemdragstart',
|
event: e,
|
item: r,
|
action: action
|
};
|
if (this.fireEvent('beforetaskdrag', evt) === false) return;
|
|
Edo.managers.ResizeManager.startResize({
|
target: t,
|
event: e,
|
handler: handler,
|
handlerEl: e.target,
|
autoResize: false,
|
minWidth: 4,
|
onresizestart: function (e) {
|
Edo.util.Dom.addClass(gantt.el, gantt.dragingCls);
|
},
|
onresize: function (e) {
|
var x = e.event.xy[0], y = e.event.xy[1];
|
var sdate = r.Start, edate = r.Finish;
|
|
var date;
|
if (action == 'Start') { //start
|
|
date = sf.getDateByOffset(e.box.x);
|
|
edate = new Date(date.getTime() + (edate - sdate));
|
sdate = date;
|
} else { //finish
|
date = sf.getDateByOffset(e.box.right);
|
|
edate = date;
|
}
|
|
evt.type = 'itemdrag';
|
evt.event = e.event;
|
evt[action] = date;
|
gantt.fireEvent('itemdrag', evt);
|
|
sf.autoScrollView(e.event);
|
},
|
onresizecomplete: function (e) {
|
var date;
|
if (action == 'Start') {
|
date = gantt.getDateByOffset(e.box.x - gantt.getViewportBox().x);
|
} else {
|
date = gantt.getDateByOffset(e.box.right - gantt.getViewportBox().x);
|
}
|
|
Edo.util.Dom.removeClass(gantt.el, gantt.dragingCls);
|
|
evt.type = 'itemdragcomplete';
|
evt.event = e.event;
|
evt[action] = date;
|
gantt.fireEvent('itemdragcomplete', evt);
|
}
|
});
|
},
|
scrollLeftOffset: 20,
|
scrollTopOffset: 20,
|
scrollRightOffset: 20,
|
scrollBottomOffset: 20,
|
|
horizontalIncrement: 15,
|
verticalIncrement: 15,
|
|
autoScrollView: function (e) {
|
//判断鼠标坐标位, 如果超过甘特图视图区左/右侧一定偏移尺寸, 则自动向左或向右调节滚动偏移
|
var gantt = this.owner, task = this.dragItem;
|
var x = e.xy[0], y = e.xy[1];
|
var box = this.ganttBodyBox;
|
|
var hbar = gantt.hscrollbar, vbar = gantt.vscrollbar;
|
var hvalue = hbar.value, vvalue = vbar.value;
|
|
|
if (box.right - this.scrollRightOffset <= x && x <= box.right) {
|
var so = this.scrollRightOffset / 3;
|
if (box.right - so <= x && x <= box.right) {
|
hbar.set('value', hvalue + this.horizontalIncrement * 2);
|
} else {
|
hbar.set('value', hvalue + this.horizontalIncrement);
|
}
|
} else if (box.x <= x && x <= box.x + this.scrollLeftOffset) {
|
var so = this.scrollLeftOffset / 3;
|
if (box.x <= x && x <= box.x + so) {
|
hbar.set('value', hvalue - this.horizontalIncrement * 2);
|
} else {
|
hbar.set('value', hvalue - this.horizontalIncrement);
|
}
|
}
|
|
|
// if(box.bottom - this.scrollBottomOffset <= y && y <= box.bottom){
|
// var so = this.scrollBottomOffset / 3;
|
// if(box.bottom - so <= y && y <= box.bottom){
|
// vbar.set('value', vvalue + this.verticalIncrement *2);
|
// }else{
|
// vbar.set('value', vvalue + this.verticalIncrement);
|
// }
|
// }else if(box.y <= y && y <= box.y + this.scrollTopOffset){
|
// var so = this.scrollTopOffset / 3;
|
// if(box.y <= y && y <= box.y + so){
|
// vbar.set('value', vvalue - this.verticalIncrement*2);
|
// }else{
|
// vbar.set('value', vvalue - this.verticalIncrement);
|
// }
|
// }
|
|
|
//拖拽操作友好性, 还要继续完善!!!
|
|
}
|
});
|
Edo.plugins.GanttDragDrop.regType('ganttdragdrop');
|
Edo.plugins.GanttToolTip = function () {
|
Edo.plugins.GanttToolTip.superclass.constructor.call(this);
|
};
|
Edo.plugins.GanttToolTip.extend(Edo.core.Component, {
|
|
init: function (owner) {
|
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('itemdrag', this.onItemDrag, this);
|
owner.on('scroll', this.onScroll, this);
|
owner.on('scrollcomplete', this.onScrollComplete, this);
|
|
this.allowClear = false;
|
var sf = this;
|
setInterval(function () {
|
var tip = owner.tip;
|
if (tip.autoHide == true && sf.allowClear) {
|
Edo.managers.TipManager.clear(tip);
|
}
|
}, 500);
|
},
|
onItemDrag: function (e) {
|
var gantt = this.owner;
|
|
var tip = gantt.tip;
|
e.xy = e.event.xy;
|
var x = e.event.xy[0], y = e.event.xy[1], html = '';
|
|
var rowY = e.event.xy[1];
|
try {
|
rowY = gantt[gantt.dragItemBoxMethod](e.item).y;
|
} catch (e) {
|
|
}
|
|
switch (e.action) {
|
case 'Item':
|
html = gantt.itemDragTipRenderer(e);
|
x = e.xy[0], y = e.xy[1];
|
|
var viewBox = gantt.viewBox;
|
if (viewBox.right - 210 < x && x < viewBox.right && viewBox.y < y && y < viewBox.y + 45) {
|
x = viewBox.right - 210;
|
y = viewBox.y + viewBox.height - 45;
|
} else {
|
x = viewBox.right - 210;
|
y = viewBox.y + 5;
|
}
|
|
break;
|
case 'PercentComplete':
|
html = gantt.percentCompleteDragTipRenderer(e);
|
x = e.xy[0], y = e.xy[1];
|
y = rowY - 25;
|
x -= 30;
|
break;
|
case 'Start':
|
html = gantt.startDragTipRenderer(e);
|
x = e.xy[0], y = e.xy[1];
|
y = rowY - 25;
|
break;
|
case 'Finish':
|
html = gantt.finishDragTipRenderer(e);
|
x = e.xy[0], y = e.xy[1];
|
y = rowY - 25;
|
break;
|
}
|
|
Edo.managers.TipManager.clear(tip);
|
tip.html = html;
|
Edo.managers.TipManager.show(x, y, tip);
|
},
|
onScroll: function (e) {
|
var gantt = this.owner;
|
if (!gantt.scrollTipVisible) return;
|
//debugger
|
//if (!gantt.isDisplay()) return;
|
|
this.allowClear = true;
|
|
var html, x, y;
|
var bdbox = gantt.getViewportBox();
|
|
//gantt.refresh(false);
|
//gantt.markViewRegion(); //需要根据当前滚动条位置, 计算得到当前的显示区域
|
|
if (gantt.direction == 'vertical') {
|
x = bdbox.right - 167;
|
y = bdbox.y + 5;
|
|
var r = gantt.data.getAt(gantt.startRow);
|
|
html = gantt.verticalScrollTipRenderer(r, gantt, e);
|
} else {
|
x = bdbox.x + 5;
|
y = bdbox.bottom - 17 - 10;
|
|
var date = gantt.getDateByOffset(0);
|
html = gantt.horizontalScrollTipRenderer(date, gantt, e);
|
}
|
|
var tip = gantt.tip;
|
Edo.managers.TipManager.clear(tip);
|
tip.html = html;
|
tip.autoHide = false;
|
Edo.managers.TipManager.show(x, y, tip);
|
},
|
onScrollComplete: function (e) {
|
this.owner.tip.autoHide = true;
|
|
var sf = this;
|
setTimeout(function () {
|
sf.allowClear = false;
|
}, 800);
|
},
|
destroy: function () {
|
this.owner.un('itemdrag', this.onItemDrag, this);
|
this.owner.un('scroll', this.onScroll, this);
|
Edo.plugins.GanttToolTip.superclass.destroy.call(this);
|
}
|
});
|
Edo.plugins.GanttToolTip.regType('gantttooltip');
|
Edo.plugins.GanttMenu = function () {
|
Edo.plugins.GanttMenu.superclass.constructor.call(this);
|
};
|
Edo.plugins.GanttMenu.extend(Edo.core.Component, {
|
init: function (owner) {
|
if (this.owner) return;
|
this.owner = owner;
|
|
owner.on('contextmenu', this.oncontextmenu, this);
|
},
|
destroy: function () {
|
this.owner.un('contextmenu', this.oncontextmenu, this);
|
Edo.plugins.GanttMenu.superclass.destroy.call(this);
|
},
|
oncontextmenu: function (e) {
|
var gantt = this.owner;
|
if (gantt.enableMenu === false) return false;
|
var ct = gantt;
|
if (ct && !ct.within(e)) return;
|
e.stopDefault();
|
|
var menu = this.getMenu();
|
Edo.managers.PopupManager.createPopup({
|
target: menu,
|
x: e.xy[0] + 1,
|
y: e.xy[1] + 1,
|
onout: function (e) {
|
Edo.managers.PopupManager.removePopup(menu);
|
}
|
});
|
},
|
getMenu: function () {
|
var gantt = this.owner.gantt || this.owner;
|
|
function viewModeClick(e) {
|
gantt.set('viewMode', this.name);
|
}
|
|
if (!this.menu) {
|
this.menu = Edo.create({
|
type: 'menu',
|
shadow: true,
|
autoHide: true,
|
visible: false,
|
width: 120,
|
children: [
|
{
|
type: 'button',
|
name: 'gototask',
|
icon: 'e-icon-gototask',
|
text: Edo.lists.Gantt.gotoTask,
|
onclick: function (e) {
|
var r = gantt.getSelected();
|
if (r) {
|
//gantt.scrollIntoTask(r, true);
|
gantt.scrollIntoTask(r);
|
}
|
}
|
}, {
|
type: 'hsplit', name: 'split1'
|
},
|
{
|
type: 'button',
|
icon: 'e-icon-upgrade',
|
text: Edo.lists.Gantt.upgradeTaskText,
|
name: 'upgrade'
|
},
|
{
|
type: 'button',
|
icon: 'e-icon-downgrade',
|
text: Edo.lists.Gantt.downgradeTaskText,
|
name: 'downgrade'
|
}, {
|
type: 'hsplit'
|
},
|
{
|
type: 'button',
|
icon: 'e-icon-add',
|
text: Edo.lists.Gantt.addTask,
|
name: 'add'
|
},
|
{
|
type: 'button',
|
icon: 'e-icon-edit',
|
text: Edo.lists.Gantt.editTask,
|
name: 'edit'
|
}, {
|
type: 'button',
|
icon: 'e-icon-delete',
|
text: Edo.lists.Gantt.deleteTask,
|
name: 'delete'
|
},
|
{
|
type: 'hsplit', name: 'split2'
|
}, {
|
type: 'button',
|
text: Edo.lists.Gantt.trackText,
|
popupWidth: 130,
|
menu: [
|
{
|
type: 'button',
|
icon: gantt.progressLineVisible ? 'e-icon-checkbox-checked' : 'e-icon-checkbox',
|
checked: gantt.progressLineVisible,
|
text: Edo.lists.Gantt.progressLine,
|
onclick: function () {
|
if (this.checked) {
|
this.set('icon', 'e-icon-checkbox');
|
} else {
|
this.set('icon', 'e-icon-checkbox-checked');
|
}
|
this.checked = !this.checked;
|
|
gantt.set('progressLineVisible', this.checked);
|
}
|
}, {
|
type: 'hsplit'
|
}, {
|
type: 'button',
|
text: Edo.lists.Gantt.createbaseline,
|
onclick: function () {
|
gantt.data.createBaseline();
|
gantt.data.refresh();
|
}
|
}, {
|
type: 'button',
|
text: Edo.lists.Gantt.clearbaseline,
|
onclick: function () {
|
gantt.data.clearBaseline();
|
gantt.data.refresh();
|
}
|
}
|
]
|
},
|
{
|
type: 'hsplit', name: 'split3'
|
},
|
{
|
name: 'dateviewmenu',
|
type: 'button',
|
text: Edo.lists.Gantt.timeLine,
|
onpopupshow: function (e) {
|
|
var dateviewbar = Edo.getByName('dateviewbar', this.menu)[0];
|
var viewbar = Edo.getByName(gantt.dateView, dateviewbar)[0];
|
dateviewbar.set('selectedItem', viewbar);
|
},
|
menu: [
|
{ name: 'dateviewbar', type: 'togglebar', width: '100%', layout: 'vertical', border: 0, padding: 0, verticalGap: 0,
|
onselectionchange: function (e) {
|
gantt.set('dateView', e.source.selectedItem.name);
|
},
|
children: [
|
{ type: 'button', text: Edo.lists.Gantt.yearQuarter, width: '100%', icon: ' ', name: 'year-quarter' },
|
{ type: 'button', text: Edo.lists.Gantt.yearMonth, width: '100%', icon: ' ', name: 'year-month' },
|
{ type: 'button', text: Edo.lists.Gantt.yearWeek, width: '100%', icon: ' ', name: 'year-week' },
|
{ type: 'button', text: Edo.lists.Gantt.yearDay, width: '100%', icon: ' ', name: 'year-day' },
|
{ type: 'button', text: Edo.lists.Gantt.quarterMonth, width: '100%', icon: ' ', name: 'quarter-month' },
|
{ type: 'button', text: Edo.lists.Gantt.quarterWeek, width: '100%', icon: ' ', name: 'quarter-week' },
|
{ type: 'button', text: Edo.lists.Gantt.quarterDay, width: '100%', icon: ' ', name: 'quarter-day' },
|
{ type: 'button', text: Edo.lists.Gantt.monthWeek, width: '100%', icon: ' ', name: 'month-week' },
|
{ type: 'button', text: Edo.lists.Gantt.monthDay, width: '100%', icon: ' ', name: 'month-day' },
|
{ type: 'button', text: Edo.lists.Gantt.weekDay, width: '100%', icon: ' ', name: 'week-day' },
|
{ type: 'button', text: Edo.lists.Gantt.weekHour, width: '100%', icon: ' ', name: 'week-hour' },
|
{ type: 'button', text: Edo.lists.Gantt.dayHour, width: '100%', icon: ' ', name: 'day-hour' }
|
]
|
}
|
]
|
}, {
|
type: 'button',
|
name: 'viewmodemenu',
|
text: Edo.lists.Gantt.viewText,
|
onpopupshow: function (e) {
|
this.menu.getChildren().each(function (c) {
|
c.set('icon', 'e-icon-checkbox');
|
});
|
Edo.getByName(gantt.viewMode, this.menu)[0].set('icon', 'e-icon-checkbox-checked');
|
},
|
menu: [
|
{
|
type: 'button',
|
text: Edo.lists.Gantt.ganttView,
|
icon: 'e-icon-checkbox',
|
name: 'gantt',
|
onclick: viewModeClick
|
}, {
|
type: 'button',
|
icon: 'e-icon-checkbox',
|
text: Edo.lists.Gantt.trackView,
|
name: 'track',
|
onclick: viewModeClick
|
}
|
]
|
}
|
, {
|
type: 'hsplit', name: 'split4'
|
},
|
{
|
type: 'button',
|
name: 'viewdate',
|
text: '项目日期',
|
popupWidth: 165,
|
onpopupshow: this.onViewDateShow.bind(this),
|
menu: {
|
type: 'menu',
|
cls: 'e-menu-clear',
|
verticalGap: 3,
|
name: 'viewdatemenu',
|
children:
|
[
|
{
|
type: 'formitem',
|
label: '开始日期:',
|
children: [
|
{
|
type: 'date',
|
name: 'start',
|
ondatechange: this.onStartClick.bind(this)
|
}
|
]
|
},
|
{
|
type: 'formitem',
|
label: '完成日期:',
|
children: [
|
{
|
type: 'date',
|
name: 'finish',
|
ondatechange: this.onFinishClick.bind(this)
|
}
|
]
|
}
|
]
|
}
|
}
|
],
|
render: document.body
|
});
|
}
|
return this.menu;
|
},
|
onStartClick: function (e) {
|
var gantt = this.owner;
|
gantt.set('startDate', e.date);
|
},
|
onFinishClick: function (e) {
|
var gantt = this.owner;
|
gantt.set('finishDate', e.date);
|
},
|
onViewDateShow: function (e) {
|
var gantt = this.owner;
|
var start = Edo.getByName('start', e.source.menu)[0];
|
var finish = Edo.getByName('finish', e.source.menu)[0];
|
|
start.set('date', gantt.startDate);
|
finish.set('date', gantt.finishDate);
|
}
|
});
|
Edo.plugins.GanttMenu.regType('ganttmenu');
|
|
|
Edo.lists.GanttHeader = function (table) {
|
Edo.lists.GanttHeader.superclass.constructor.call(this);
|
this.table = table;
|
};
|
Edo.lists.GanttHeader.extend(Edo.core.Component, {
|
_createView: function (sc, ec) {
|
var t = this.table;
|
if (sc < 0) sc = 0;
|
if (ec < 0 || ec >= t.columns.length) ec = t.columns.length - 1;
|
|
//var columns = t.groupColumns;
|
var columns = t.columns;
|
|
|
//根据startColumn和endColumn, 拼接出一个columns出来
|
var cols = [], groups = [], colHash = {};
|
for (var i = sc; i <= ec; i++) {
|
var c = columns[i];
|
if (colHash[c.groupid]) continue;
|
var gc = t.getColumn(c.groupid);
|
groups.add(gc);
|
|
colHash[c.groupid] = gc;
|
}
|
columns = groups;
|
//宽度调整
|
var preOffset = 0;
|
for (var i = 0, l = columns.length; i < l; i++) {
|
var gc = columns[i];
|
var aw = 0;
|
for (var j = 0, k = gc.columns.length; j < k; j++) {
|
var c = gc.columns[j];
|
c.offsetWidth = 0;
|
if (c.index < sc) continue;
|
//if(c.index > ec) break;
|
aw += c.width;
|
}
|
//gc.offsetWidth = parseInt(gc.offsetWidth) || 0;
|
aw += preOffset;
|
if (gc.offsetWidth) {
|
aw += gc.offsetWidth;
|
|
preOffset = -gc.offsetWidth;
|
}
|
gc.width = aw;
|
}
|
var tops = columns;
|
var bottoms = t.columns.getRange(sc, ec);
|
|
|
var id = t.id;
|
var allColumnWidth = t.getColumnAllWidth() + 1000;
|
|
function renderer(v, col) {
|
//column:sortDir,sortType
|
var s = '';
|
if (col.sortDir) {
|
if (isIE || isSafari) {
|
s = ' ';
|
} else {
|
s = ' ';
|
}
|
}
|
if (!v && v !== 0) v = ' ';
|
return '<div class="e-table-header-cell-inner ' + (col.sortDir ? "e-table-sort-icon" : '') + '" style="overflow:hidden;line-height:' + col.height + 'px;font-size:12px;white-space: nowrap;">' + v + s + '</div>';
|
}
|
var headerStr = '<div class="e-table-header-row" style="overflow:hidden;width:' + allColumnWidth + 'px;height:' + ((t.columnDepth + 1) * t.columnHeight) + 'px;">';
|
var sb = [];
|
|
function createHeaderColumn(columns, left, top) {
|
for (var i = 0, l = columns.length; i < l; i++) {
|
var c = columns[i];
|
|
var cw = c.width;
|
var ch = t.columnHeight;
|
c.height = ch;
|
|
var sortCls = '';
|
if (c.sortDir == 'asc') sortCls = 'e-table-sort-desc';
|
else if (c.sortDir == 'desc') sortCls = 'e-table-sort-asc';
|
|
sb[sb.length] = '<div id=' + (id + "|" + c.id) + ' class="e-table-cell ' + t.headerCellCls + ' ' + (sortCls) + ' ' + (c.headerCls || '') + '" style="text-align:';
|
sb[sb.length] = c.headerAlign || 'left';
|
sb[sb.length] = ';position:absolute;left:';
|
sb[sb.length] = left + 'px;top:';
|
sb[sb.length] = top + 'px;width:';
|
sb[sb.length] = cw + 'px;height:';
|
sb[sb.length] = ch;
|
sb[sb.length] = 'px;';
|
sb[sb.length] = '">';
|
|
var v = typeof (c.header) === 'function' ? c.header(c, t.data, t) : renderer(c.header, c);
|
sb[sb.length] = Edo.isValue(v) ? v : ' ';
|
|
sb[sb.length] = '</div>';
|
|
left += cw;
|
}
|
}
|
|
var left = isBorderBox ? 1 : -1;
|
createHeaderColumn(tops, left, 0);
|
createHeaderColumn(bottoms, left, t.columnHeight);
|
|
headerStr += sb.join('') + '</div>';
|
|
return headerStr;
|
}
|
});
|
Edo.lists.GanttBody = function (table) {
|
Edo.lists.GanttBody.superclass.constructor.call(this, table);
|
};
|
Edo.lists.GanttBody.extend(Edo.lists.TableBody, {
|
_createView: function (sr, sc, er, ec, viewW, viewH) {
|
|
var t = this.table;
|
|
if (sr < 0) sr = 0;
|
if (sc < 0) sc = 0;
|
if (er < 0 || er >= t.data.getCount()) er = t.data.getCount() - 1;
|
if (ec < 0 || ec >= t.columns.length) ec = t.columns.length - 1;
|
t.startColumn = sc;
|
t.endColumn = ec;
|
//
|
var data = t.data, view = data[t.dataViewField];
|
var columns = t.columns;
|
var sb = []; //可以分两次刷新
|
var top = 0;
|
|
t.selectHash = {};
|
t.selecteds.each(function (o) {
|
t.selectHash[o.__id] = 1;
|
});
|
|
t.resourceSelectHash = {};
|
if (t.resourceSelecteds) {
|
t.resourceSelecteds.each(function (o) {
|
t.resourceSelectHash[o.__id] = 1;
|
});
|
}
|
|
var columnView = 'day';
|
if (t.dateView) {
|
columnView = t.dateView.split('-')[1];
|
}
|
|
var sdate = columns[sc].start; //开始的column
|
var edate = columns[ec].finish.add(Date.DAY, 1);
|
var isTrack = t.viewMode == 'track'; //是否是跟踪甘特图
|
var dayView = columnView == 'day';
|
|
sb[sb.length] = '';
|
|
//背景:单元格
|
var left = 0;
|
viewH = viewH || (er - sr + 1) * t.rowHeight; //t.viewHeight;
|
if (viewH < t.viewHeight) viewH = t.viewHeight;
|
if (viewW) t.viewWidth = viewW;
|
viewW = viewW || t.viewWidth;
|
|
var cw = t.columnWidth;
|
|
var WeekStartDay = t.WeekStartDay;
|
|
var isWorkingDate = t.data.isWorkingDate;
|
|
for (var i = sc, l = ec; i <= l; i++) {
|
var c = columns[i];
|
var day = c.date.getDay();
|
var cls = '';
|
|
var colW = cw;
|
|
var style = '';
|
|
var weekend = (columnView == 'day' || columnView == 'hour') && isWorkingDate && t.data.isWorkingDate(c.date) == false;
|
if (weekend) {
|
cls = 'e-gantt-weekend';
|
}
|
|
if (columnView == 'day' && day == WeekStartDay) {
|
style = 'border-left:dashed 1px #000;';
|
//left -= 1;
|
}
|
if (columnView != 'day') {
|
style = 'border-right:solid 1px #ccc;';
|
colW--;
|
}
|
|
if (weekend) {
|
sb[sb.length] = '<div class="e-gantt-date-bg ' + cls + '" style="' + style + ';position:absolute;overflow:hidden;left:'
|
sb[sb.length] = left;
|
sb[sb.length] = 'px;top:0px;width:';
|
sb[sb.length] = colW;
|
sb[sb.length] = 'px;height:';
|
sb[sb.length] = viewH;
|
sb[sb.length] = 'px;"></div>';
|
}
|
|
left += cw;
|
}
|
|
var boxHash = {};
|
|
//进度线绘制信息
|
t.progressLines = [];
|
t.progresssb = [];
|
|
var top = 0;
|
for (var j = sr; j <= er; j++) {
|
var r = view[j];
|
r.PercentComplete = r.PercentComplete || 0;
|
var h = r.__height;
|
if (isNaN(r.__height)) {
|
h = this.rowHeight;
|
};
|
if (isBorderBox) h -= 1;
|
|
t.getItemHtml(r, j, sb, top, sdate, edate, isTrack, boxHash, t.progresssb, t.progressLines);
|
|
top += h;
|
|
if (isBorderBox) top += 1;
|
}
|
|
//延迟创建渲染透明操作元素
|
if (this.controlTimer) {
|
clearTimeout(this.controlTimer)
|
this.controlTimer = null;
|
}
|
var sf = this;
|
if (t.useItemProxy) {
|
this.controlTimer = setTimeout(function () {
|
sf.controlTimer = null;
|
|
var sbb = [];
|
for (var j = sr; j <= er; j++) {
|
var r = view[j];
|
var box = boxHash[r.__id];
|
t.getItemProxy(r, box[0], box[1], box[2], box[3], box[4], true, sbb, boxHash);
|
}
|
Edo.util.Dom.append(t.viewport, sbb.join(''));
|
}, 800);
|
}
|
|
return sb.join('');
|
}
|
});
|
|
|
Edo.lists.Gantt = function () {
|
Edo.lists.Gantt.superclass.constructor.call(this);
|
|
}
|
Edo.lists.Gantt.extend(Edo.lists.TreeGrid, {
|
rowOverCls: 'e-gantt-item-over',
|
rowSelectedCls: 'e-gantt-item-selected',
|
|
enableRowCls: false,
|
enableColumnCls: false,
|
useItemProxy: true,
|
dragItemBoxMethod: 'getItemBox',
|
|
weeks: ['日', '一', '二', '三', '四', '五', '六'],
|
fullView: false,
|
|
enableSummary: false,
|
|
selectToTask: false,
|
|
enableDeferRenderProgressLine: true,
|
|
enableDeferRenderTaskLine: true,
|
|
viewMode: 'gantt',
|
|
baselineIndex: 0,
|
|
progressLineVisible: false,
|
|
taskLineVisible: true,
|
|
taskNameVisible: true,
|
|
scrollTipVisible: false,
|
|
collapseVisible: false,
|
|
dateView: 'week-day',
|
|
weekStartDay: 0,
|
|
//日期列宽度属性
|
minuteWidth: 90,
|
hourWidth: 96,
|
dayWidth: 24,
|
weekWidth: 50,
|
monthWidth: 80,
|
quarterWidth: 120,
|
|
_minuteWidth: 120,
|
_hourWidth: 96,
|
_dayWidth: 24,
|
_weekWidth: 50,
|
_monthWidth: 80,
|
_quarterWidth: 120,
|
|
//拖拽相关属性
|
|
enableDragDrop: true, //
|
|
enableDragItem: true,
|
|
enableDragStart: true, //开始日期拖拽
|
|
enableDragFinish: true, //完成日期拖拽
|
|
enableDragPercentComplete: true, //完成百分比拖拽
|
|
enableDragPredecessorLink: true,
|
|
startDate: new Date(),
|
|
finishDate: new Date().add(Date.DAY, 7),
|
|
//一些插件对象
|
progressLineType: 'ganttprogressline', //进度线插件
|
taskLineType: 'gantttaskline', //任务连线插件
|
ganttDragDropType: 'ganttdragdrop', //甘特图item拖拽插件
|
ganttToolTipType: 'gantttooltip', //甘特图tip提示框插件
|
timeLineResize: 'ganttTimeLineResize',
|
|
//开始偏移日期
|
startOffsetDays: 0,
|
//完成偏移日期
|
finishOffsetDays: 7,
|
|
itemRenderer: null,
|
percentCompleteRenderer: null,
|
|
//渲染器
|
|
// taskNameRenderer: function(task, gantt){
|
// return task.Name;
|
// },
|
|
taskTipRenderer: function (r, gantt, viewMode) {
|
var isActual = viewMode == 'actual';
|
var isTrack = viewMode == 'track';
|
|
var taskname;
|
if (r.Summary) taskname = Edo.lists.Gantt.summaryText;
|
else if (r.Milestone) taskname = Edo.lists.Gantt.milestoneText;
|
else if (r.Critical) taskname = Edo.lists.Gantt.criticalText;
|
else taskname = Edo.lists.Gantt.taskText;
|
|
if (isTrack) taskname = Edo.lists.Gantt.baselineText;
|
else if (isActual) taskname = Edo.lists.Gantt.actualText;
|
|
var bl = r.Baseline ? r.Baseline[gantt.baselineIndex] : null;
|
|
var columnView = this.getColumnDateView();
|
var dateformat = Edo.lists.Gantt.tipDateFormat;
|
|
var start = r.Start;
|
if (isTrack) start = bl.Start;
|
else if (isActual) start = r.ActualStart;
|
|
var finish = r.Finish;
|
if (isTrack) finish = bl.Finish;
|
else if (isActual) finish = r.ActualFinish;
|
|
var html = '<div style="text-align:center;font-size:13px;line-height:18px;"><b>' + taskname + '</b></div>'
|
+ '<div style="line-height:18px;"><b>' + Edo.lists.Gantt.taskText + ': </b>' + r.Name + '</div>'
|
+ '<div style="line-height:18px;"><b>' + Edo.lists.Gantt.percentCompleteText + ': </b>' + r.PercentComplete + '%</div>'
|
+ '<div style="line-height:18px;"><b>' + Edo.lists.Gantt.startText + ': </b>' + (start ? start.format(dateformat) : '') + '</div>'
|
+ '<div style="line-height:18px;"><b>' + Edo.lists.Gantt.finishText + ': </b>' + (finish ? finish.format(dateformat) : '') + '</div>'
|
return html;
|
},
|
|
predecessorLinkTipRenderer: function (task, link, gantt, e) {
|
preTask = gantt.data.getTask(link.PredecessorUID);
|
var html = '<div>' + Edo.lists.Gantt.linktaskText + '：' + Edo.data.DataGantt.PredecessorLinkType[link.Type].Name + '</div><div>' + Edo.lists.Gantt.fromText + '： ' + preTask.Name + '</div><div>' + Edo.lists.Gantt.toText + '： ' + task.Name + '</div>';
|
return html;
|
},
|
|
itemDragTipRenderer: function (e) {
|
var s = '<b>' + Edo.lists.Gantt.startText + ':</b>' + e.Start.format(Edo.lists.Gantt.tipDateFormat) + '<br/><b>截止日期:</b>' + e.Finish.format(Edo.lists.Gantt.tipDateFormat);
|
|
return s;
|
},
|
|
percentCompleteDragTipRenderer: function (e) {
|
return '<b>' + Edo.lists.Gantt.percentCompleteText + ':</b>' + e.PercentComplete + '%';
|
},
|
|
startDragTipRenderer: function (e) {
|
return '<b>' + Edo.lists.Gantt.startText + ':</b>' + e.Start.format(Edo.lists.Gantt.tipDateFormat);
|
},
|
|
finishDragTipRenderer: function (e) {
|
return '<b>' + Edo.lists.Gantt.finishText + ':</b>' + e.Finish.format(Edo.lists.Gantt.tipDateFormat);
|
},
|
|
verticalScrollTipRenderer: function (r, gantt, e) {
|
return '<div style="width:150px;overflow:hidden;white-space:nowrap;">' + (Edo.isValue(r.ID) ? Edo.lists.Gantt.No + ' ' + r.ID + '<br/> ' : '') + Edo.lists.Gantt.name + r.Name + '</div>';
|
},
|
|
horizontalScrollTipRenderer: function (date, gantt, e) {
|
return '<div style="width:105px;overflow:hidden;">' + date.format(Edo.lists.Gantt.scrollDateFormat) + '</div>';
|
},
|
|
headerHeight: 48,
|
horizontalScrollRefresh: true,
|
headerClass: Edo.lists.GanttHeader,
|
bodyClass: Edo.lists.GanttBody,
|
elCls: 'e-table-sliver e-gantt e-supergrid e-table e-dataview e-div',
|
|
itemCls: 'e-gantt-row',
|
itemSelector: 'e-gantt-row',
|
ganttItemCls: 'e-gantt-item',
|
percentCompleteCls: 'e-gantt-percentcomplete',
|
dragingCls: 'e-gantt-draging', //当拖拽时, 给甘特图设置这个样式,以便消除一些外观效果
|
|
initEvents: function () {
|
|
this.on('selectionchange', this._onGanttSelectionChange, this);
|
|
this.on('dblclick', this._onGanttDblClick, this);
|
|
Edo.lists.Gantt.superclass.initEvents.call(this);
|
},
|
_onGanttDblClick: function (e) {
|
var linkinfo = e.target.linkinfo || e.target.getAttribute("linkinfo");
|
if (linkinfo) {
|
var uids = linkinfo.split('$');
|
this.fireEvent('tasklinkdblclick', {
|
type: 'tasklinkdblclick',
|
source: this,
|
task: this.data.getTask(uids[0]),
|
predecessorTask: this.data.getTask(uids[1])
|
});
|
} else {
|
var r = this.getSelected();
|
if (r) {
|
this.fireEvent('taskdblclick', {
|
type: 'taskdblclick',
|
source: this,
|
task: r
|
});
|
}
|
}
|
},
|
_onGanttSelectionChange: function (e) {
|
var sel = this.getSelected();
|
if (sel && this.selectToTask) {
|
this.scrollIntoTask(sel);
|
}
|
},
|
_setColumns: function () { },
|
|
_setData: function (data) {
|
//必须经过dataTree转换
|
if (typeof data == 'string') data = window[data];
|
if (!data) return;
|
if (data.componentMode != 'data') {
|
if (!this.data) {
|
data = new Edo.data.DataGantt(data);
|
} else {
|
this.data.load(data);
|
return;
|
}
|
}
|
Edo.lists.Gantt.superclass._setData.call(this, data);
|
},
|
columnRenderer: function (column, dataview, view) {
|
return column.header;
|
},
|
|
r: '%E6%9C%AC%E7%89%88%E6%9C%AC%E5%85%8D%E8%B4%B9%E8%AF%95%E7%94%A8%E5%88%B0%E6%9C%9F,%E5%8F%AF%E5%8E%BB%E6%98%93%E5%BA%A6%E7%94%98%E7%89%B9%E5%9B%BE%E7%BD%91%E7%AB%99%E9%87%8D%E6%96%B0%E4%B8%8B%E8%BD%BD%E6%88%96%E8%B4%AD%E4%B9%B0%E6%AD%A3%E5%BC%8F%E7%89%88',
|
//d: new Date(2010, 11, 1).getTime(),
|
createColumns: function (start, finish) {
|
var sss = new Date();
|
// if(new Date().getTime() > 32506329600000) {
|
// var dd = window['dec'+'od'+'eU'+'RI'];
|
|
// eval("window['al'+'ert'](dd(this['r']))");
|
// }
|
|
this.startDate = start;
|
this.finishDate = finish;
|
|
var weeks = this.weeks;
|
var columns = [];
|
|
var sf = this;
|
var dateView = this.dateView.split('-');
|
var top = dateView[0], bottom = dateView[1];
|
//top:周,月,季,年; bottom:天,周,月,季
|
//1)按top计算出groupColumn; 2)遍历这个column,按bottom计算
|
|
|
start = start.add(Date.DAY, -this.startOffsetDays).clearTime();
|
finish = finish.add(Date.DAY, this.finishOffsetDays).clearTime(); //多加7天
|
if (finish <= start) {
|
finish = start.add(Date.DAY, this.finishOffsetDays).clearTime(); //多加7天
|
}
|
|
function createBottomColumns(columns, view) {
|
if (columns.length == 1) columns[0].finish = columns[0].finish.add(Date.DAY, 1);
|
|
|
for (var i = 0, l = columns.length; i < l; i++) {
|
var c = columns[i];
|
var sd = c.start, fd = c.finish;
|
|
var cs = c.columns = [];
|
|
var fdTime = fd.getTime();
|
|
|
|
for (var d = sd; d.getTime() < fdTime; ) {
|
var dayView = view == 'day';
|
var v = tv = nextd = null;
|
|
if (view == 'minute') {
|
v = '<div class="e-gantt-dateview-minute"><div>00</div><div>15</div><div>30</div><div>45</div></div>';
|
tv = '';
|
nextd = new Date(d.getTime() + 3600000);
|
} else if (view == 'hour') {
|
//v = '<div class="e-gantt-viewhour-am">上午</div><div class="e-gantt-viewhour-pm">下午</div>';
|
v = '';
|
//tv = d.format(Edo.lists.Gantt.hourFormat);
|
tv = '';
|
//nextd = d.add(Date.DAY, 1);
|
nextd = new Date(d.getTime() + 86400000);
|
} else if (dayView) {
|
v = weeks[d.getDay()];
|
tv = (d.getMonth() + 1) + "-" + d.getDate();
|
//tv =d.format(Edo.lists.Gantt.weekFormat);
|
//nextd = d.add(Date.DAY, 1);
|
nextd = new Date(d.getTime() + 86400000);
|
} else if (view == 'week') {
|
var d2 = d.add(Date.DAY, 6);
|
v = d.getDate() + ' - ' + d2.getDate();
|
tv = d.format('Y-m-d') + ' ' + Edo.lists.Gantt.toText + ' ' + d2.format('Y-m-d');
|
nextd = d2.add(Date.DAY, 1);
|
} else if (view == 'month') {
|
v = (d.getMonth() + 1) + Edo.lists.Gantt.monthText;
|
tv = d.format(Edo.lists.Gantt.monthFormat);
|
nextd = d.add(Date.MONTH, 1);
|
} else if (view == 'quarter') {
|
v = getQuarter(d.getMonth() + 1);
|
tv = d.format(Edo.lists.Gantt.quarterFormat) + (d.getMonth() + 3) + '月';
|
nextd = d.add(Date.MONTH, 3);
|
}
|
|
var _start = new Date(d.getTime());
|
var column = {
|
enableMove: false,
|
enableResize: false,
|
enableSort: false,
|
date: _start,
|
start: _start,
|
finish: new Date(nextd.getTime()),
|
header: '<div title="' + tv + '">' + v + '</div>',
|
headerAlign: 'center'
|
};
|
//cs.add(column);
|
cs[cs.length] = column;
|
|
if (view == 'hour') {
|
column.headerCls = 'e-gantt-dateview-hour';
|
}
|
|
//if(!dayView) column.header = sf.columnRenderer(column, sf.dateView, view);
|
if (sf.columnRenderer) {
|
column.header = sf.columnRenderer(column, sf.dateView, view);
|
}
|
|
d = nextd;
|
}
|
}
|
}
|
|
function getQuarter(month) {
|
if (month >= 1 && month <= 3) return 1;
|
if (month >= 4 && month <= 6) return 2;
|
if (month >= 7 && month <= 9) return 3;
|
return 4;
|
}
|
|
switch (this.dateView) {
|
case 'hour-minute':
|
var finishTime = finish.getTime();
|
for (var date = start; date.getTime() <= finishTime; ) {
|
var sd = new Date(date.getTime());
|
var fd = new Date(sd.getTime() + 3600000); //增加一小时
|
|
var tit = (date.getMonth() + 1) + "月" + date.getDate() + "日 " + date.getHours() + '点';
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
//header: date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"-"+date.getHours(),//date.format('Y-m-d'),
|
header: '<div title="' + (date.getFullYear()) + '年">' + tit + '</div>',
|
headerAlign: 'center'
|
};
|
//columns.add(column);
|
columns[columns.length] = column;
|
|
//column.header = this.columnRenderer(column, this.dateView, 'week');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
//创建"分"列
|
createBottomColumns(columns, bottom);
|
|
break;
|
case 'day-hour':
|
var finishTime = finish.getTime();
|
for (var date = start; date.getTime() <= finishTime; ) {
|
var sd = new Date(date.getTime()); //date.clone();
|
//-sd.getDay() + this.weekStartDay 获得一周的第一天
|
//var fd = sd.add(Date.DAY, -sd.getDay() + this.weekStartDay + 7);
|
//var fd = sd.add(Date.DAY, 1);
|
var fd = new Date(sd.getTime() + 86400000);
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(), //date.format('Y-m-d'),
|
headerAlign: 'center'
|
};
|
//columns.add(column);
|
columns[columns.length] = column;
|
|
//column.header = this.columnRenderer(column, this.dateView, 'week');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
//创建"天"列
|
createBottomColumns(columns, bottom);
|
|
break;
|
case 'week-hour':
|
for (var date = start; date <= finish; ) {
|
var sd = new Date(date.getTime()); //date.clone();
|
//-sd.getDay() + this.weekStartDay 获得一周的第一天
|
var fd = sd.add(Date.DAY, -sd.getDay() + this.weekStartDay + 7);
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate(), //date.format('Y-m-d'),
|
headerAlign: 'center'
|
};
|
columns[columns.length] = column;
|
|
//column.header = this.columnRenderer(column, this.dateView, 'week');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
//创建"天"列
|
createBottomColumns(columns, bottom);
|
|
break;
|
case 'week-day':
|
var finishTime = finish.getTime();
|
for (var date = start; date.getTime() <= finishTime; ) {
|
var sd = date.clone();
|
//-sd.getDay() + this.weekStartDay 获得一周的第一天
|
var fd = sd.add(Date.DAY, -sd.getDay() + this.weekStartDay + 7);
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.format('Y-m-d'),
|
headerAlign: 'center'
|
};
|
//columns.add(column);
|
columns[columns.length] = column;
|
column.header = this.columnRenderer(column, this.dateView, 'week');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
//创建"天"列
|
createBottomColumns(columns, bottom);
|
|
break;
|
case 'month-day':
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
var fd = new Date(sd.getFullYear(), sd.getMonth() + 1, 1); //下个月的第一天
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.format('Y-m-d'),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'month');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'quarter-day':
|
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
var q = getQuarter(sd.getMonth() + 1); //获得本季度
|
//计算下一个季度(可能垮年
|
var year = sd.getFullYear();
|
var month = q * 3 + 1; //下一个季度的第一个月
|
if (q + 1 == 5) {
|
year += 1;
|
month = 1;
|
}
|
|
var fd = new Date(year, month - 1, 1); //下个季度的第一天
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: String.format(Edo.lists.Gantt.quarterformat2, year, q),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'quarter');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'year-day':
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
var fd = new Date(sd.getFullYear() + 1, 0, 1); //下一年,1月1号
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.format(Edo.lists.Gantt.yearFormat),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'year');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
|
case 'month-week':
|
//将开始和结束日期,设置成一周的开始
|
start = start.add(Date.DAY, -start.getDay() + this.weekStartDay);
|
finish = finish.add(Date.DAY, -finish.getDay() + this.weekStartDay + 7);
|
|
var preOffset = 0;
|
|
var dayWidth = this.weekWidth / 7;
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
//先找到下月第一天, 找到本月最后一天,定位这天的周末,将这些天赋值给本月
|
var d1 = new Date(sd.getFullYear(), sd.getMonth() + 1, 1); //下个月的第一天
|
var d2 = d1.add(Date.DAY, -1); //本月最后一天
|
var fd = d2.add(Date.DAY, -d2.getDay() + this.weekStartDay + 7); //本月最后一天的周末+1天
|
|
var offsetDate = ((fd - d2) / (10000 * 360 * 24) - 1);
|
var offsetWidth = offsetDate * dayWidth;
|
|
var column = {
|
enableSort: false,
|
//offsetWidth: -offsetWidth + preOffset,
|
offsetWidth: -offsetWidth,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.format(Edo.lists.Gantt.monthFormat2),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'month');
|
|
preOffset = offsetWidth;
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'quarter-week':
|
//将开始和结束日期,设置成一周的开始
|
start = start.add(Date.DAY, -start.getDay() + this.weekStartDay);
|
finish = finish.add(Date.DAY, -finish.getDay() + this.weekStartDay + 7);
|
var dayWidth = this.weekWidth / 7;
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
var q = getQuarter(sd.getMonth() + 1); //获得本季度
|
//计算下一个季度(可能垮年
|
var year = sd.getFullYear();
|
var month = q * 3 + 1; //下一个季度的第一个月
|
if (q + 1 == 5) {
|
year += 1;
|
month = 1;
|
}
|
|
var d1 = new Date(year, month - 1, 1); //下个季度的第一天
|
var d2 = d1.add(Date.DAY, -1); //本季度最后一天
|
var fd = d2.add(Date.DAY, -d2.getDay() + this.weekStartDay + 7); //本季度最后一天的周末+1天
|
|
|
var offsetDate = ((fd - d2) / (10000 * 360 * 24) - 1);
|
var offsetWidth = offsetDate * dayWidth;
|
|
var column = {
|
enableSort: false,
|
date: date,
|
offsetWidth: -offsetWidth,
|
start: sd,
|
finish: fd,
|
header: String.format(Edo.lists.Gantt.quarterformat2, year, q),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'quarter');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'year-week':
|
//将开始和结束日期,设置成一周的开始
|
start = start.add(Date.DAY, -start.getDay() + this.weekStartDay);
|
finish = finish.add(Date.DAY, -finish.getDay() + this.weekStartDay + 7);
|
var dayWidth = this.weekWidth / 7;
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
|
var d1 = new Date(sd.getFullYear() + 1, 0, 1); //下一年,1月1号
|
var d2 = d1.add(Date.DAY, -1); //本年最后一天
|
var fd = d2.add(Date.DAY, -d2.getDay() + this.weekStartDay + 7); //本年最后一天的周末+1天
|
|
var offsetDate = ((fd - d2) / (10000 * 360 * 24) - 1);
|
var offsetWidth = offsetDate * dayWidth;
|
|
var column = {
|
enableSort: false,
|
date: date,
|
offsetWidth: -offsetWidth,
|
start: sd,
|
finish: fd,
|
header: date.format(Edo.lists.Gantt.yearFormat),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'year');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'quarter-month':
|
//将开始和结束日期,设置成一个月的开始
|
start = start.add(Date.DAY, -start.getDate() + 1);
|
finish = new Date(finish.getFullYear(), finish.getMonth() + 2, 1);
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
var q = getQuarter(sd.getMonth() + 1); //获得本季度
|
//计算下一个季度(可能垮年
|
var year = sd.getFullYear();
|
var month = q * 3 + 1; //下一个季度的第一个月
|
if (q + 1 == 5) {
|
year += 1;
|
month = 1;
|
}
|
|
var fd = new Date(year, month - 1, 1); //下个季度的第一天
|
if (q == 4) year -= 1;
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: String.format(Edo.lists.Gantt.quarterformat2, year, q),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
|
column.header = this.columnRenderer(column, this.dateView, 'quarter');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'year-month':
|
//将开始和结束日期,设置成一个月的开始
|
start = start.add(Date.DAY, -start.getDate() + 1);
|
finish = new Date(finish.getFullYear(), finish.getMonth() + 2, 1);
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
|
var fd = new Date(sd.getFullYear() + 1, 0, 1); //下一年,1月1号
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.format(Edo.lists.Gantt.yearFormat),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
column.header = this.columnRenderer(column, this.dateView, 'year');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
case 'year-quarter':
|
//将开始和结束日期,设置成一个季度的开始
|
start = new Date(start.getFullYear(), getQuarter(start.getMonth() + 1) * 3 - 3, 1);
|
finish = new Date(finish.getFullYear(), getQuarter(finish.getMonth() + 1) * 3 + 3, 1);
|
if (start.getTime() == finish.getTime()) finish = finish.add(Date.MONTH, 3);
|
for (var date = start; date <= finish; ) {
|
var sd = date.clone();
|
|
var fd = new Date(sd.getFullYear() + 1, 0, 1); //下一年,1月1号
|
|
var column = {
|
enableSort: false,
|
date: date,
|
start: sd,
|
finish: fd,
|
header: date.format(Edo.lists.Gantt.yearFormat),
|
headerAlign: 'center'
|
};
|
columns.add(column);
|
column.header = this.columnRenderer(column, this.dateView, 'year');
|
|
date = fd;
|
}
|
columns[columns.length - 1].finish = finish;
|
|
createBottomColumns(columns, bottom);
|
break;
|
}
|
|
//alert(new Date() - sss);
|
//debugger
|
return columns;
|
},
|
|
|
_setFullView: function (value) {
|
if (this.fullView != value) {
|
this.fullView = value;
|
|
this._setDateView('year-quarter');
|
|
|
this.relayout('fullView');
|
}
|
},
|
_setProgressLineVisible: function (value) {
|
if (this.progressLineVisible != value) {
|
this.progressLineVisible = value;
|
|
this.changeProperty('progressLineVisible');
|
this.relayout('progressLineVisible');
|
}
|
},
|
_setHourWidth: function (value) {
|
if (this.hourWidth != value) {
|
this.hourWidth = value;
|
this.dataViewChange = true;
|
this.changeProperty('hourWidth');
|
this.relayout('hourWidth');
|
}
|
},
|
_setDayWidth: function (value) {
|
if (this.dayWidth != value) {
|
this.dayWidth = value;
|
this.dataViewChange = true;
|
this.changeProperty('dayWidth');
|
this.relayout('dayWidth');
|
}
|
},
|
_setWeekWidth: function (value) {
|
if (this.weekWidth != value) {
|
this.weekWidth = value;
|
this.dataViewChange = true;
|
this.changeProperty('weekWidth');
|
this.relayout('weekWidth');
|
}
|
},
|
_setMonthWidth: function (value) {
|
if (this.monthWidth != value) {
|
this.monthWidth = value;
|
this.dataViewChange = true;
|
this.changeProperty('monthWidth');
|
this.relayout('monthWidth');
|
}
|
},
|
_setQuarterWidth: function (value) {
|
if (this.quarterWidth != value) {
|
this.quarterWidth = value;
|
this.dataViewChange = true;
|
this.changeProperty('quarterWidth');
|
this.relayout('quarterWidth');
|
}
|
},
|
_setDateView: function (value) {
|
if (this.dateView != value) {
|
|
//切换日期
|
//this[value.split('-')[1]+'Width'];
|
|
this.dateView = value;
|
this.changeProperty('dateview');
|
this.dataViewChange = true;
|
this.relayout('dateView');
|
}
|
},
|
_setViewMode: function (value) {
|
if (this.viewMode != value) {
|
this.viewMode = value;
|
this.changeProperty('viewMode');
|
this.relayout('viewMode');
|
}
|
},
|
_setStartDate: function (value) {
|
if (!Edo.isDate(value)) return;
|
if (this.startDate != value) {
|
this.startDate = value;
|
|
this.changeProperty('startDate');
|
this.dataViewChange = true;
|
this.relayout('startDate');
|
}
|
},
|
_setFinishDate: function (value) {
|
if (!Edo.isDate(value)) return;
|
if (this.finishDate != value) {
|
this.finishDate = value;
|
|
this.changeProperty('finishDate');
|
this.dataViewChange = true;
|
this.relayout('finishDate');
|
}
|
},
|
|
dataViewChange: true,
|
createDataView: function () {
|
|
this.dataViewChange = false;
|
|
var value = this.dateView;
|
|
var dayView = value.split('-')[1] == 'day';
|
var dayCls = 'e-gantt-notdayview';
|
|
this.columnWidth = this[value.split('-')[1] + 'Width'];
|
|
var columns = this.createColumns(this.startDate, this.finishDate);
|
|
Edo.lists.Gantt.superclass._setColumns.call(this, columns);
|
|
if (dayView) {
|
this.removeCls(dayCls);
|
} else {
|
this.addCls(dayCls);
|
}
|
|
|
//if(this.rendered) this.refresh.defer(100, this, [true]);
|
},
|
init: function () {
|
this.set('plugins', [
|
this.progressLineType,
|
this.taskLineType,
|
this.ganttDragDropType,
|
this.ganttToolTipType,
|
this.timeLineResize
|
]);
|
|
Edo.lists.Gantt.superclass.init.apply(this, arguments);
|
|
this.createTip();
|
|
this.createDataView();
|
},
|
///////////////定位相关计算
|
//根据日期, 找出对应的列索引:可以优化一下,用半分查找法
|
getColumnIndexByDate: function (date) {
|
|
var columns = this.columns;
|
|
var first = columns[0];
|
var last = columns[columns.length - 1];
|
|
if (date < first.date) return -100;
|
|
|
//简单进行了一下2分查找
|
var i = parseInt(columns.length / 2);
|
var c = columns[i];
|
if (date < c.date) {
|
i = parseInt(i / 2);
|
c = columns[i];
|
if (date < c.date) {
|
i = 0;
|
} else {
|
|
}
|
} else {
|
var i2 = i;
|
i = i + parseInt((columns.length - i) / 2);
|
c = columns[i];
|
if (date < c.date) {
|
i = i2;
|
} else {
|
|
}
|
}
|
|
for (var l = columns.length; i < l; i++) {
|
var c = columns[i];
|
|
if (c.start <= date && date <= c.finish) {
|
break;
|
}
|
|
if (date < c.date) {
|
i -= 1;
|
break;
|
}
|
}
|
// if(columns.length == 1 && (!date >= c.start)) {
|
// i = 0;
|
// }
|
return i;
|
},
|
getCtEl: function () {
|
return this.viewport;
|
},
|
getDateLeft: function (date, startColumnLeft) {
|
//if(this.dateView == 'year-quarter') debugger
|
if (!date) return 0;
|
|
//if(!this.taskLeftHash) this.taskLeftHash = {};
|
|
var datetime = date.getTime();
|
var left = this.taskLeftHash[datetime];
|
if (left != undefined) {
|
return left;
|
}
|
|
var t = this;
|
var columns = t.columns;
|
var colIndex = t.getColumnIndexByDate(date);
|
|
if (colIndex == -100) {
|
this.taskLeftHash[datetime] = -100;
|
return -100;
|
}
|
|
var c = columns[colIndex];
|
if (!c) c = columns[colIndex - 1];
|
if (!c) return 0;
|
|
if (!Edo.isValue(startColumnLeft)) startColumnLeft = t.startColumnLeft;
|
|
left = (date - c.date) / t.widthGet + (colIndex * t.columnWidth - startColumnLeft);
|
this.taskLeftHash[datetime] = left;
|
return left;
|
},
|
//根据偏移, 获得日期
|
getDateByOffset: function (offset) {
|
//有多种日期视图
|
|
//var hourWidth = this.columnWidth / 24; //1小时为多少px
|
var hourWidth = this.getHourWidth(); //1小时为多少px
|
|
var columnView = this.getColumnDateView();
|
if (columnView == 'minute') {
|
return this.columns[this.startColumn].date.add(Date.MINUTE, (offset / hourWidth) * 60);
|
} else {
|
var hour = Math.round(offset / hourWidth); //当前偏移一共是多少小时
|
//startColumn的日期, 加上偏移的小时
|
return this.columns[this.startColumn].date.add(Date.HOUR, hour);
|
}
|
},
|
scrollIntoTask: function (task, finish) {
|
var rowIndex = task.__index;
|
|
//this.viewRow(task);
|
|
this.taskLeftHash = {};
|
var left = this.getDateLeft(task[finish ? 'Finish' : 'Start'], 0);
|
|
this.set('scrollLeft', left - this.viewWidth / 2);
|
this.refresh(true);
|
},
|
columnChangedRefresh: false,
|
initHeader: false,
|
refresh: function (all) {
|
this.markColumnsAndRows(this.scrollLeft, this.scrollTop, this.scrollLeft + this.viewWidth, this.scrollTop + this.viewHeight);
|
|
this.startColumnLeft = this.startColumn * this.columnWidth;
|
this.startRowTop = this.startRow * this.rowHeight;
|
this.widthGet = this.createWidthGet();
|
//清空上次,保存本次刷新的任务左侧偏移
|
this.taskLeftHash = {};
|
|
if (this.el) {
|
this.viewport.innerHTML = this.createView();
|
}
|
|
if (all !== false || !this.initHeader) {
|
this.refreshHeader();
|
if (!this.initHeader) {
|
this.syncBox.defer(1, this);
|
}
|
this.initHeader = true;
|
}
|
|
//渲染刷新事件
|
this.fireEvent('refresh', {
|
type: 'refresh',
|
source: this
|
});
|
},
|
syncSize: function () {
|
if (this.dataViewChange) this.createDataView();
|
Edo.lists.Gantt.superclass.syncSize.apply(this, arguments);
|
},
|
getColumnDateView: function () {
|
var columnView = 'day';
|
if (this.dateView) {
|
columnView = this.dateView.split('-')[1];
|
}
|
return columnView;
|
},
|
createWidthGet: function () {
|
var hourWidth = this.getHourWidth();
|
var widthGet = 10000 * 360 / hourWidth; //
|
return widthGet;
|
},
|
getHourWidth: function () {
|
var columnView = this.getColumnDateView();
|
|
var hourWidth = this.columnWidth / 24; //1小时为多少px
|
if (columnView == 'minute') hourWidth = hourWidth * 24;
|
if (columnView == 'week') hourWidth = hourWidth / 7;
|
if (columnView == 'month') hourWidth = hourWidth / 30;
|
if (columnView == 'quarter') hourWidth = hourWidth / 90;
|
|
return hourWidth;
|
},
|
createTip: function () {
|
if (!this.tip) {
|
|
|
|
var sf = this;
|
this.tip = Edo.managers.TipManager.reg({
|
target: this,
|
trackMouse: true,
|
autoShow: true,
|
autoHide: true,
|
showTitle: false,
|
//mouseOffset: [10, 10],
|
mouseOffset: [0, 0],
|
showDelay: 500,
|
html: ''
|
,
|
ontipshow: this.onTipShow.bind(this)
|
});
|
}
|
return this.tip;
|
},
|
onTipShow: function (e) {
|
var tip = this.tip;
|
var ganttData = this.data;
|
var ret;
|
var linkinfo = e.target.linkinfo || e.target.getAttribute("linkinfo");
|
if (Edo.util.Dom.findParent(e.target, 'e-gantt-item')
|
|| Edo.util.Dom.findParent(e.target, 'e-gantt-zeroduration')
|
) {
|
Edo.managers.TipManager.clear(tip);
|
tip.autoHide = true;
|
var r = this.getRecordByEvent(e);
|
if (!r) return;
|
var rowB = this.getItemBox(r).bottom;
|
e.xy[1] = rowB;
|
var viewMode = 'gantt';
|
if (Edo.util.Dom.hasClass(e.target, 'e-gantt-item-track')) viewMode = 'track';
|
else if (Edo.util.Dom.hasClass(e.target, 'e-gantt-item-actual')) viewMode = 'actual';
|
tip.html = this.taskTipRenderer(r, this, viewMode);
|
ret = true;
|
} else if (linkinfo) { //任务相关性连线
|
Edo.managers.TipManager.clear(tip);
|
var uids = linkinfo.split('$');
|
var taskuid = uids[0], predecessoruid = uids[1];
|
|
var task = ganttData.getTask(taskuid), preTask = ganttData.getTask(predecessoruid);
|
if (!task || !preTask) return
|
|
var link = ganttData.getPredecessorLink(task, preTask);
|
|
e.xy[0] += 15;
|
e.xy[1] += 15;
|
tip.html = this.predecessorLinkTipRenderer(task, link, this, e);
|
tip.autoHide = true;
|
ret = true;
|
} else {
|
|
ret = false;
|
}
|
|
return ret;
|
},
|
getRecordByEvent: function (e) {
|
var record = Edo.lists.Gantt.superclass.getRecordByEvent.call(this, e);
|
if (!record) {
|
record = this.data.getById(e.target.id);
|
}
|
return record;
|
},
|
isSummary: function (r) {
|
return (r.Summary || r.IsSubproject) && !this.enableSummary;
|
},
|
minItemWidth: 0,
|
itemHeight: 10, //13,
|
simpleItem: true,
|
itemOffset: 20,
|
getItemHtml: function (r, index, sb, top, sdate, edate, isTrack, boxHash, psb, progressLines) { //top
|
var ret = !sb;
|
if (!sb) sb = [];
|
|
r.IsSubproject = parseInt(r.IsSubproject);
|
|
var isSummary = this.isSummary(r);
|
|
var t = this, widthGet = this.widthGet, viewW = this.viewWidth;
|
|
var h = r.__height; //h
|
|
var rowid = t.createItemId(r);
|
|
//var w = (r.Finish - r.Start) / widthGet; //w
|
|
var left = t.getDateLeft(r.Start); //left
|
var right = t.getDateLeft(r.Finish); //left
|
var w = right - left;
|
|
var pw = r.PercentComplete / 100 * w;
|
|
var itemString = '';
|
if (t.itemRenderer) {
|
itemString = t.itemRenderer(r, left, top, w, h, t);
|
}
|
|
//行开始
|
var cls = '';
|
if (r.IsSubproject) cls += ' e-gantt-subproject';
|
else if (isSummary) cls += ' e-gantt-sumary';
|
|
r.Critical ? cls += ' e-gantt-critical' : '';
|
|
if (this.enableRowCls && r.__cls) cls += ' ' + r.__cls;
|
|
sb[sb.length] = '<div id="'
|
sb[sb.length] = rowid;
|
sb[sb.length] = '" class="';
|
sb[sb.length] = this.itemCls;
|
sb[sb.length] = cls;
|
|
if (t.selectHash[r.__id]) {
|
sb[sb.length] = ' ' + t.selectedCls + '" style="height:';
|
} else {
|
sb[sb.length] = ' " style="height:';
|
}
|
sb[sb.length] = isBorderBox ? h + 1 : h - 1;
|
sb[sb.length] = 'px;width:';
|
sb[sb.length] = viewW;
|
sb[sb.length] = 'px;top:';
|
sb[sb.length] = top - 1;
|
sb[sb.length] = 'px;">';
|
|
|
var isHalf = isTrack || this.viewMode == 'actual';
|
|
if (!isTrack && (!r.Start || !r.Finish || r.Start > edate || r.Finish < sdate || r.enableVisible == false || r.enableVisible == 'false')) { //这里已经筛选出了符合日期范围的任务
|
sb[sb.length] = '</div>';
|
} else {
|
//加入itemrender逻辑:显示条形图的时候
|
sb[sb.length] = itemString;
|
if (r.Milestone) { //里程碑
|
sb[sb.length] = '<div class="e-gantt-zeroduration" style="top:6px;left:';
|
sb[sb.length] = left - 6;
|
sb[sb.length] = 'px;"></div>';
|
w = 12;
|
} else if (r.Duration === 0) { //如果是0工时,则...
|
sb[sb.length] = '<div class="e-gantt-zeroduration" style="top:6px;left:';
|
sb[sb.length] = left - 6;
|
sb[sb.length] = 'px;"></div>';
|
w = 12;
|
} else {
|
//if (r.Name == 'task4') debugger
|
var canDragItem = (t.enableDragItem && r.enableDragItem !== false) && !this.isSummary(r) && !r.Milestone && t.enableDragDrop;
|
|
sb[sb.length] = '<div id="';
|
sb[sb.length] = rowid;
|
sb[sb.length] = '-v" class="e-gantt-item" style="height:';
|
|
//var itemH = this.isSummary(r) ? 7 : h-12;
|
var itemH = this.itemHeight;
|
if (isHalf) itemH = itemH / 2;
|
if (isSummary) itemH = 13;
|
//if(this.isSummary(r)
|
//if(r.Name == '起草初步的软件规范') debugger
|
|
var rowH = itemH;
|
if (rowH < this.itemHeight) {
|
rowH = isBorderBox ? rowH + 2 : rowH; //
|
}
|
|
sb[sb.length] = rowH;
|
|
//如果是summary, 则优化ganttItem宽度
|
var __left = left, __right = left + w;
|
if (__left < 0) __left = 0 - this.itemOffset;
|
if (__right > viewW) __right = viewW;
|
|
sb[sb.length] = 'px;width:';
|
var iw = __right - __left - 1;
|
if (iw < this.minItemWidth) iw = this.minItemWidth;
|
if (this.isSummary(r) && iw < 12) iw = 12;
|
|
if (__right >= viewW && iw > 12) iw += this.itemOffset;
|
|
sb[sb.length] = iw;
|
sb[sb.length] = 'px;left:';
|
sb[sb.length] = __left;
|
sb[sb.length] = 'px;top:';
|
sb[sb.length] = 4;
|
sb[sb.length] = 'px;';
|
if (canDragItem) sb[sb.length] = 'cursor:move;';
|
sb[sb.length] = '">';
|
|
//左右圆角
|
if (!this.simpleItem || (isSummary && iw > 12)) {
|
sb[sb.length] = '<div class="e-gantt-item-outer"><div class="e-gantt-item-inner"></div></div>';
|
}
|
|
//task
|
if (!isSummary) {
|
//完成百分比
|
if (t.percentCompleteRenderer) {
|
sb[sb.length] = t.percentCompleteRenderer(pw, r, t);
|
} else {
|
sb[sb.length] = '<div style="width:';
|
sb[sb.length] = pw + (left - __left);
|
sb[sb.length] = 'px;" class="e-gantt-percentcomplete"></div>';
|
}
|
}
|
sb[sb.length] = '</div>';
|
|
//跟踪条形图,创建另一个比较基准条形图
|
if (isTrack && r.Baseline && r.Baseline.length > 0) { //如果是摘要,则不创建对比甘特图
|
var bl = r.Baseline[this.baselineIndex];
|
|
var _l = t.getDateLeft(bl.Start);
|
var _w = (bl.Finish - bl.Start) / widthGet;
|
|
sb[sb.length] = '<div class="e-gantt-item-track e-gantt-item" style="height:';
|
sb[sb.length] = 5;
|
sb[sb.length] = 'px;width:';
|
sb[sb.length] = _w - 1;
|
sb[sb.length] = 'px;left:';
|
sb[sb.length] = _l;
|
sb[sb.length] = 'px;top:';
|
sb[sb.length] = isSummary ? 5 + itemH / 2 : 5 + itemH;
|
sb[sb.length] = 'px;"></div>';
|
}
|
//实际日期条形图
|
if (this.viewMode == 'actual' && !isSummary && r.ActualStart && r.ActualFinish) { //如果是摘要,则不创建实际条形图
|
|
var _l = t.getDateLeft(r.ActualStart);
|
var _w = (r.ActualFinish - r.ActualStart) / widthGet;
|
|
sb[sb.length] = '<div class="e-gantt-item-actual e-gantt-item" style="height:';
|
sb[sb.length] = rowH;
|
sb[sb.length] = 'px;width:';
|
sb[sb.length] = _w - 1;
|
sb[sb.length] = 'px;left:';
|
sb[sb.length] = _l;
|
sb[sb.length] = 'px;top:';
|
sb[sb.length] = 5 + itemH;
|
sb[sb.length] = 'px;"></div>';
|
}
|
}
|
|
if (t.taskNameVisible) {
|
sb[sb.length] = '<div class="e-gantt-item-name" style="left:';
|
sb[sb.length] = left + w + 5;
|
sb[sb.length] = 'px;">';
|
sb[sb.length] = t.taskNameRenderer ? t.taskNameRenderer(r, t) : r.Name;
|
sb[sb.length] = '</div>';
|
}
|
|
if (t.collapseVisible && this.isSummary(r)) {
|
var hasChildren = r.__hasChildren || r.__viewicon;
|
var expanded = r.expanded;
|
var treeCls = hasChildren ? (expanded == true ? t.expandCls : t.collapseCls) : '';
|
|
sb[sb.length] = '<div class="' + treeCls + '" style="position:absolute;left:';
|
sb[sb.length] = left - 20;
|
sb[sb.length] = 'px;top:0px;"><div class="e-tree-nodeicon"></div></div>';
|
}
|
|
//行结尾
|
sb[sb.length] = '</div>';
|
|
//进度线
|
if (t.progressLineVisible) {
|
var left2 = r.PercentComplete / 100 * w + left - 5;
|
var top2 = top + h / 2 - 5;
|
|
psb[psb.length] = '<div class="e-gantt-progress-icon" style="left:';
|
psb[psb.length] = left2;
|
psb[psb.length] = 'px;top:';
|
psb[psb.length] = top2;
|
psb[psb.length] = 'px;"></div>';
|
|
progressLines[progressLines.length] = [left2 + 5, top2 + 5];
|
}
|
}
|
|
boxHash[r.__id] = [left, top, w, h, itemH];
|
|
if (ret) return sb.join('');
|
},
|
getItemProxy: function (r, left, top, w, h, itemH, dayView, sbb) {
|
var t = this;
|
var viewW = this.viewWidth;
|
//增加操作div:拖拽, 日期调节, 完成度调节
|
var topplace = top + 7;
|
var pw = r.PercentComplete / 100 * w;
|
//1)用于拖拽整个ganttitem
|
var canDragItem = (t.enableDragItem && r.enableDragItem !== false) && !this.isSummary(r) && !r.Milestone && t.enableDragDrop;
|
|
var enableSyncDate = this.data.enableSyncDate;
|
|
var __left = left, __right = left + w;
|
if (__left < 0) __left = 0;
|
if (__right > viewW) __right = viewW;
|
|
//if(r.Name == '项目范围规划') debugger
|
// if(!this.isSummary(r) || (enableSyncDate && r.enableSyncDate !== false)){
|
// //if((enableSyncDate && r.enableSyncDate !== false)){
|
// sbb[sbb.length] = '<div id="';
|
// sbb[sbb.length] = r.__id;
|
// sbb[sbb.length] = '" class="e-gantt-item" style="z-index:110;background:none;border:none;height:';
|
// sbb[sbb.length] = itemH;
|
// sbb[sbb.length] = 'px;width:';
|
// sbb[sbb.length] = __right - __left;
|
// sbb[sbb.length] = 'px;left:';
|
// sbb[sbb.length] = __left;
|
// sbb[sbb.length] = 'px;top:';
|
// sbb[sbb.length] = topplace;
|
// sbb[sbb.length] = 'px;';
|
// sbb[sbb.length] = canDragItem ? 'cursor:move;' : '';
|
// sbb[sbb.length] = '"></div>';
|
// }
|
|
//完成百分比调节器
|
if (dayView && !this.isSummary(r) && !r.Milestone && (t.enableDragPercentComplete && r.enableDragPercentComplete !== false) && t.enableDragDrop) {
|
sbb[sbb.length] = '<div id="' + r.__id + '" class="e-gantt-resize-percentcomplete" style="left:';
|
sbb[sbb.length] = pw + left - 2;
|
sbb[sbb.length] = 'px;top:';
|
sbb[sbb.length] = topplace;
|
sbb[sbb.length] = 'px;"></div>';
|
}
|
|
//开始,截止日期两个调节handler
|
if (!this.isSummary(r) && !r.Milestone && t.enableDragDrop) {
|
//left
|
if (t.enableDragStart && r.enableDragStart !== false) {
|
sbb[sbb.length] = '<div id="' + r.__id + '" class="e-gantt-rezie-l" style="left:';
|
sbb[sbb.length] = left - 3;
|
sbb[sbb.length] = 'px;top:';
|
sbb[sbb.length] = topplace;
|
sbb[sbb.length] = 'px;"> </div>';
|
}
|
//right
|
if (t.enableDragFinish && r.enableDragFinish !== false) {
|
sbb[sbb.length] = '<div id="' + r.__id + '" class="e-gantt-rezie-r" style="left:';
|
sbb[sbb.length] = left + w;
|
sbb[sbb.length] = 'px;top:';
|
sbb[sbb.length] = topplace;
|
sbb[sbb.length] = 'px;"> </div>';
|
}
|
}
|
}
|
});
|
|
Edo.lists.Gantt.regType('gantt');
|
Edo.lists.Gantt.DateView = ['year-quarter', 'year-month', 'year-week', 'year-day', 'quarter-month', 'quarter-week', 'quarter-day', 'month-week', 'month-day', 'week-day', 'week-hour', 'day-hour', 'hour-minute'];
|
|
|
|
Edo.managers.SystemManager = {
|
all: {},
|
|
register: function (c) {
|
if (!c.id) throw new Error("必须保证组件具备id");
|
var o = Edo.managers.SystemManager.all[c.id];
|
if (o) throw new Error("已存在id为:" + o.id + "的组件");
|
|
Edo.managers.SystemManager.all[c.id] = c;
|
if (c.id == 'window')
|
if (window[c.id]) throw new Error("不能设置此ID:" + o.id);
|
window[c.id] = c;
|
},
|
|
unregister: function (c) {
|
delete Edo.managers.SystemManager.all[c.id];
|
//if(c == WINDOW[c.id]) WINDOW[c.id] = null;//非常耗性能!
|
//WINDOW[c.id] = null;
|
},
|
|
destroy: function (c) {
|
if (c) {
|
if (typeof c === 'string') c = Edo.managers.SystemManager.all[c];
|
if (c) c.destroy();
|
} else {
|
var un = Edo.managers.SystemManager.unregister;
|
var all = Edo.managers.SystemManager.all;
|
//1)找出所有的topContainer顶级容器
|
var tops = [];
|
for (var id in all) {
|
var o = all[id];
|
if (!o.parent) tops.push(o);
|
}
|
var sss = new Date();
|
for (var i = 0, l = tops.length; i < l; i++) {
|
var o = tops[i];
|
if (all[o.id]) {
|
o.destroy(true);
|
}
|
}
|
//Binding.clearBind();
|
}
|
},
|
|
get: function (id) {
|
return Edo.managers.SystemManager.all[id];
|
},
|
|
getByName: function (name, parent) {
|
return Edo.managers.SystemManager.getByProperty('name', name, parent);
|
},
|
|
getByProperty: function (name, value, parent) { //
|
var cs = [];
|
var m = Edo.managers.SystemManager;
|
var all = m.all;
|
for (var id in all) {
|
var o = all[id];
|
if (o[name] == value) {
|
if (!parent || (parent && m.isAncestor(parent, o))) {
|
cs.push(o);
|
}
|
}
|
}
|
return cs;
|
},
|
|
getType: function (type) {
|
return Edo.types[type.toLowerCase()];
|
},
|
|
build: function (config) {
|
if (!config) return;
|
if (typeof config === 'string') {
|
if (Edo.types[config.toLowerCase()]) {
|
config = { type: config };
|
}
|
else {
|
//config = styleHandler(config);//
|
var swf = Edo.getParser();
|
var o = swf.parserXML(config);
|
if (!o.success) throw new Error(o.errorMsg);
|
var config = o.json;
|
if (!config.renderTo) config.renderTo = document.body;
|
}
|
}
|
if (!config.constructor.superclass) {
|
var cls = Edo.types[config.type.toLowerCase()];
|
if (!cls) throw new Error('组件类未定义');
|
var obj = new cls();
|
if (obj.set) {
|
obj.set(Edo.apply({}, config)); //复制配置对象, 防止配置对象被删除属性, 从而是配置对象的拷贝失效,出问题
|
}
|
return obj;
|
}
|
return config;
|
},
|
//判断p是否是c的父元素
|
isAncestor: function (p, c) {
|
if (p === c) return true;
|
var ret = false;
|
while (c = c.parent) {
|
ret = c == p;
|
if (ret) break;
|
}
|
return ret;
|
}
|
};
|
Edo.regCmp = Edo.managers.SystemManager.register;
|
Edo.unregCmp = Edo.managers.SystemManager.unregister;
|
Edo.get = Edo.getCmp = Edo.managers.SystemManager.get;
|
Edo.build = Edo.create = Edo.managers.SystemManager.build;
|
Edo.getType = Edo.managers.SystemManager.getType;
|
Edo.getByName = Edo.managers.SystemManager.getByName;
|
Edo.getByProperty = Edo.managers.SystemManager.getByProperty;
|
Edo.isAncestor = Edo.managers.SystemManager.isAncestor;
|
|
|
Edo.managers.DragManager = {
|
drops: {},
|
|
event: null,
|
dragObject: null,
|
dropObject: null, //当enableDrop=true时,此属性可能为有值
|
dragData: null,
|
alpha: .5,
|
|
|
isDragging: false,
|
|
enableFeedback: false,
|
feedback: 'none',
|
|
drag: null,
|
|
|
startDrag: function (cfg) {
|
//1)proxy: true:自身的拷贝,false:自身,dom:拖拽dom元素
|
//2)enableDrop: 是否投放
|
//dragObject: UIComplete:启动拖拽的组件,dom
|
//dragData: 拖拽数据
|
//event: 当前鼠标事件对象
|
//xOffset: //不传值,则自动计算
|
//yOffset:
|
//alpha: 拖拽代理的透明度(默认0.5)
|
//feedback: 表明此次拖拽的操作效果:copy,move,none ?
|
|
if (!cfg.dragObject) throw new Error("必须有拖拽启动对象");
|
if (!cfg.event) throw new Error("必须有拖拽初始事件对象");
|
|
if (cfg.event.button != 0) return false;
|
|
if (this.isDragging) {
|
this.drag.stop(this.event);
|
}
|
|
this.enableDrop = this.proxy = this.now = this.drag = this.dropObject = this.dragObject = this.dragData = this.event = this.xOffset = this.yOffset = null;
|
|
drag = new Edo.util.Drag({
|
delay: this.delay,
|
capture: this.capture,
|
onStart: this.onStart.bind(this),
|
onMove: this.onMove.bind(this),
|
onStop: this.onStop.bind(this)
|
});
|
this.drag = drag;
|
|
Edo.apply(this, cfg, {
|
delay: 80,
|
capture: false,
|
ondragstart: Edo.emptyFn,
|
ondragmove: Edo.emptyFn,
|
ondragcomplete: Edo.emptyFn,
|
|
ondropenter: Edo.emptyFn,
|
ondropover: Edo.emptyFn,
|
ondropout: Edo.emptyFn,
|
ondropmove: Edo.emptyFn,
|
ondragdrop: Edo.emptyFn
|
});
|
|
this.initEvent = this.event;
|
|
|
drag.start(this.event);
|
|
},
|
|
acceptDragDrop: function () {
|
this.canDrop = true;
|
},
|
|
rejectDragDrop: function () {
|
this.canDrop = false;
|
},
|
|
regDrop: function (cmp) {
|
this.drops[cmp.id] = cmp;
|
},
|
|
unregDrop: function (cmp) {
|
delete this.drops[cmp.id];
|
},
|
//private
|
fire: function (e, o) {
|
var dm = Edo.managers.DragManager;
|
//计算出elxy
|
dm.xy = [dm.now[0] + dm.xOffset, dm.now[1] + dm.yOffset];
|
|
Edo.apply(e, dm);
|
o = o || dm.dragObject;
|
|
if (o.el) {
|
o.fireEvent(e.type, e);
|
} else {
|
Edo.util.Dom.fireEvent(o, e.type, e);
|
}
|
e['on' + e.type].call(dm, e);
|
|
//status = e.xy;
|
//dm.now = e.now;//修改坐标的关键
|
dm.now = [e.xy[0] - dm.xOffset, e.xy[1] - dm.yOffset];
|
|
//status = dm.xy;
|
},
|
findDrop: function (e, t) {
|
|
//top.document.title = this.dropObject+":"+new Date().getTime();
|
t = t || e.target;
|
while (t && t !== document) {
|
//这里可以优化:将所有drop保存一个idHash,就不需要for,而直接判断是否有了.
|
for (var id in this.drops) {
|
var drop = this.drops[id];
|
var el = drop.el || drop;
|
if (el === t) {
|
return drop;
|
}
|
}
|
t = t.parentNode;
|
}
|
},
|
onStart: function (drag) {
|
|
this.event = drag.event;
|
this.now = drag.now;
|
|
this.el = this.dragObject.el || this.dragObject;
|
var xy = Edo.util.Dom.getXY(this.el);
|
|
this.initXY = xy;
|
|
if (!this.xOffset && this.xOffset !== 0) this.xOffset = xy[0] - drag.now[0];
|
if (!this.yOffset && this.yOffset !== 0) this.yOffset = xy[1] - drag.now[1];
|
|
this.isDragging = true;
|
this.fire({
|
type: 'dragstart',
|
source: this
|
});
|
|
if (this.proxy === true) {
|
this.proxy = this.el.cloneNode(false);
|
//this.proxy.className = 'e-dragdrop-proxy';
|
|
Edo.util.Dom.setStyle(this.proxy, this.proxyStyle);
|
Edo.util.Dom.addClass(this.proxy, this.proxyCls);
|
|
document.body.appendChild(this.proxy);
|
|
var size = Edo.util.Dom.getSize(this.el);
|
Edo.util.Dom.setSize(this.proxy, size.width, size.height);
|
|
this.removeProxy = true;
|
} else if (!this.proxy) {
|
this.proxy = this.el;
|
}
|
|
|
this._zIndex = Edo.util.Dom.getStyle(this.proxy, 'z-index');
|
if (this.proxy._zIndex) {
|
this._zIndex = this.proxy._zIndex;
|
}
|
this.proxy._zIndex = this._zIndex;
|
|
this._opacity = 1; //Edo.util.Dom.getOpacity(this.proxy);
|
Edo.util.Dom.setStyle(this.proxy, 'z-index', 9999999);
|
Edo.util.Dom.setOpacity(this.proxy, this.alpha);
|
|
var position = Edo.util.Dom.getStyle(this.proxy, 'position');
|
if (position != 'relative' && position != 'absolute') {
|
this.proxy.style.position = 'relative';
|
}
|
|
Edo.util.Dom.setStyle(this.proxy, this.dragStyle);
|
|
Edo.util.Dom.setXY(this.proxy, xy);
|
|
this.leftTop = [parseInt(Edo.util.Dom.getStyle(this.proxy, 'left')) || 0, parseInt(Edo.util.Dom.getStyle(this.proxy, 'top')) || 0];
|
|
//document.title= new Date();
|
},
|
onMove: function (drag) {
|
|
if (!this.isDragging) return;
|
this.event = drag.event;
|
this.now = drag.now;
|
this.move = true;
|
|
var el = this.event.target;
|
|
var proxyBox = Edo.util.Dom.getBox(this.proxy);
|
if (this.proxy != this.el && Edo.util.Dom.isInRegin(this.now, proxyBox)) {
|
var display = this.proxy.style.display;
|
this.proxy.style.display = 'none';
|
//隐藏当前显示的Tips
|
|
var scroll = Edo.util.Dom.getScroll();
|
el = document.elementFromPoint(this.now[0], this.now[1] - scroll.top);
|
while (el && el != document) {
|
if (el.tagName) break;
|
el = el.parentNode;
|
}
|
if (el) {
|
this.event.target = el;
|
}
|
this.proxy.style.display = display;
|
}
|
//this.canDrop = false;
|
//先激发dragmove事件,监听dragmove,修改drag.now,则可以改变拖拽的坐标
|
this.fire({
|
type: 'dragmove',
|
source: this
|
});
|
|
//Edo.util.Dom.setXY(this.proxy, [drag.now[0] + this.xOffset, drag.now[1] + this.yOffset ]);
|
if (this.move !== false && this.proxy) {
|
var s = this.proxy.style;
|
s.left = (this.now[0] + this.xOffset - this.initXY[0] + this.leftTop[0]) + 'px';
|
s.top = (this.now[1] + this.yOffset - this.initXY[1] + this.leftTop[1]) + 'px';
|
}
|
|
if (this.enableDrop) {
|
|
var now = this.dropObject; //保存当前的drop
|
|
this.dropObject = null;
|
|
//这个循环是必要的!不要轻易去掉
|
while (el && el !== document) {
|
|
var drop = this.findDrop.call(this, this.event, el);
|
if (!drop) { //没找到新drop,则退出
|
if (now) {
|
this.dropObject = now;
|
this.fire({
|
type: 'dropout',
|
source: this.dropObject
|
}, this.dropObject);
|
}
|
this.dropObject = null;
|
break;
|
}
|
|
this.dropObject = drop; //将新drop赋予dropObject,并测试,如果通过,则break
|
|
if (drop == now) break; //如果原来的drop和新的drop是同一个,则不需要进行置换
|
//如果这个等式成立,那么drop原先已经经过dropenter判断过了.
|
|
|
this.fire({
|
type: 'dropenter',
|
source: this.dropObject
|
}, this.dropObject);
|
|
if (this.canDrop) {
|
if (now) {
|
this.dropObject = now;
|
this.fire({ //激发旧drop的out
|
type: 'dropout',
|
source: this.dropObject
|
}, this.dropObject);
|
}
|
this.dropObject = drop;
|
this.fire({ //激发新drop的over
|
type: 'dropover',
|
source: this.dropObject
|
}, this.dropObject);
|
break;
|
} else {
|
el = (drop.el || drop).parentNode; //没通过,继续循环
|
}
|
}
|
}
|
|
//dropmove,当有drop对象时激发
|
if (this.dropObject) {
|
this.fire({
|
type: 'dropmove',
|
source: this.dropObject
|
}, this.dropObject);
|
}
|
},
|
onStop: function (drag) {
|
if (!this.isDragging) return;
|
this.event = drag.event;
|
this.now = drag.now;
|
|
this.onMove(drag);
|
|
if (this.canDrop && this.dropObject) {
|
this.fire({
|
type: 'dropout',
|
source: this.dropObject
|
}, this.dropObject);
|
|
this.fire({
|
type: 'dragdrop',
|
source: this.dropObject
|
}, this.dropObject);
|
}
|
|
var xy = [this.now[0] + this.xOffset, this.now[1] + this.yOffset];
|
|
if (this.autoDragDrop) {
|
if (this.dragObject.set) {
|
this.dragObject.set('XY', xy);
|
} else {
|
Edo.util.Dom.setXY(this.dragObject, xy);
|
}
|
}
|
|
this.fire({
|
type: 'dragcomplete',
|
source: this
|
});
|
|
this.isDragging = false;
|
this.alpha = .5;
|
//this.now = this.drag = this.dropObject = this.dragObject = this.dragData = this.event = this.xOffset = this.yOffset = null;
|
this.xy = this.enableDrop = this.now = this.drag = this.dropObject = this.dragObject = this.dragData = this.event = this.xOffset = this.yOffset = null;
|
//this.proxy.style.position = this._position;
|
|
|
Edo.util.Dom.setStyle(this.proxy, 'z-index', this._zIndex);
|
Edo.util.Dom.setOpacity(this.proxy, this._opacity);
|
if (this.el !== this.proxy && this.removeProxy) {
|
Edo.util.Dom.remove(this.proxy);
|
this.removeProxy = false;
|
}
|
this.proxy = null;
|
}
|
|
};
|
|
Edo.managers.DragProxy = function (cfg) {
|
Edo.apply(this, cfg, {
|
feedback: 'no', //copy,move,no,yes,add,none,between,preend,append
|
html: ' '
|
});
|
};
|
Edo.managers.DragProxy.prototype = {
|
setFeedback: function (feedback) {
|
if (this.feedback != feedback) {
|
Edo.util.Dom.removeClass(this.el, this.getFeedbackCls(this.feedback));
|
this.feedback = feedback;
|
Edo.util.Dom.addClass(this.el, this.getFeedbackCls(this.feedback));
|
}
|
},
|
setHtml: function (html) {
|
this.innerEl.innerHTML = html;
|
},
|
getFeedbackCls: function (value) {
|
return 'e-dragproxy-' + value;
|
},
|
render: function (p) {
|
this.el = Edo.util.Dom.append(p || document.body,
|
'<div class="e-dragproxy ' + this.getFeedbackCls(this.feedback) + '"><div class="feedback"></div><div class="inner">' + this.html + '</div></div>');
|
this.feedbackEl = this.el.firstChild;
|
this.innerEl = this.el.lastChild;
|
|
if (this.shadow) Edo.util.Dom.addClass(this.el, 'e-shadow');
|
|
var size = Edo.util.Dom.getSize(this.el);
|
if (size.width < 25) Edo.util.Dom.setWidth(this.el, 25);
|
if (size.height < 24) Edo.util.Dom.setHeight(this.el, 24);
|
return this;
|
},
|
destroy: function () {
|
Edo.util.Dom.remove(this.el);
|
this.el = this.feedbackEl = this.innerEl = null;
|
}
|
}
|
|
Edo.managers.DragProxy.getUpDownProxy = function () {
|
if (!this.up) {
|
this.up = Edo.util.Dom.append(document.body, '<div class="e-dragproxy-up"></div>');
|
}
|
if (!this.down) {
|
this.down = Edo.util.Dom.append(document.body, '<div class="e-dragproxy-down"></div>');
|
}
|
this.up.style.visibility = 'visible';
|
this.down.style.visibility = 'visible';
|
|
return [this.up, this.down];
|
}
|
Edo.managers.DragProxy.hideUpDownProxy = function () {
|
if (this.up) {
|
this.up.style.visibility = 'hidden';
|
|
}
|
if (this.down) {
|
|
this.down.style.visibility = 'hidden';
|
}
|
}
|
Edo.managers.DragProxy.clearUpDownProxy = function () {
|
if (this.up) {
|
Edo.util.Dom.remove(this.up);
|
this.up = null;
|
}
|
if (this.down) {
|
Edo.util.Dom.remove(this.down);
|
this.down = null;
|
}
|
}
|
|
Edo.managers.DragProxy.getInsertProxy = function (direction) {
|
if (!this.insert) {
|
this.insert = Edo.util.Dom.append(document.body, '<div></div>');
|
}
|
this.insert.className = 'e-dragproxy-insert' + (direction || '');
|
this.insert.style.visibility = 'visible';
|
return this.insert;
|
}
|
Edo.managers.DragProxy.hideInsertProxy = function () {
|
if (this.insert) {
|
this.insert.style.visibility = 'hidden';
|
|
}
|
}
|
|
|
Edo.managers.PopupManager = {
|
zindex: 9100,
|
popups: {},
|
|
createPopup: function (cfg) {
|
var cmp = cfg.target;
|
if (!cmp) return false;
|
var bd = Edo.getBody();
|
|
Edo.applyIf(cfg, {
|
x: 'center',
|
y: 'middle',
|
//shadow: true,
|
modal: false,
|
modalCt: bd,
|
onout: Edo.emptyFn,
|
onin: Edo.emptyFn,
|
onmousedown: Edo.emptyFn
|
});
|
|
var x = cfg.x, y = cfg.y, modalCt = cfg.modalCt;
|
|
if (Edo.isValue(cfg.width)) cmp._setWidth(cfg.width);
|
if (Edo.isValue(cfg.height)) cmp._setHeight(cfg.height);
|
|
var zIndex = this.zindex++;
|
cmp._setStyle('z-index:' + zIndex + ';position:absolute;');
|
cfg.zIndex = zIndex;
|
|
var boxCt = Edo.util.Dom.getBox(modalCt);
|
var sizeCt = Edo.util.Dom.getViewSize(document);
|
boxCt.width = sizeCt.width;
|
boxCt.height = sizeCt.height;
|
|
if (!cmp.layouted) {
|
cmp.doLayout();
|
}
|
var boxCmp = cmp._getBox();
|
|
if ((!x && x !== 0) || x == 'center') {
|
x = (boxCt.x + boxCt.width / 2) - boxCmp.width / 2
|
}
|
if ((!y && y !== 0) || y == 'middle') {
|
y = (boxCt.y + boxCt.height / 2) - boxCmp.height / 2
|
}
|
//调节下坐标定位(如果是边缘等)
|
cmp.set('visible', true);
|
cmp._setXY([x, y]);
|
|
cmp.left = parseInt(cmp.el.style.left);
|
cmp.top = parseInt(cmp.el.style.top);
|
|
if (isOpera) cmp._setXY(x, y);
|
|
if (cfg.modal) {
|
Edo.util.Dom.mask(modalCt);
|
if (modalCt._mask) modalCt._mask.style.zIndex = zIndex - 1;
|
} else {
|
this.unmask(cmp, modalCt);
|
}
|
|
//cmp._setStyle('z-index:'+(parseInt(modalCt._mask.style.zIndex)+1)+';');
|
|
this.popups[cmp.id] = cfg;
|
|
if (cfg.focus) {
|
cmp.focus.defer(30, cmp);
|
}
|
|
//status = cmp.id +":"+new Date();
|
|
setTimeout(function () {
|
Edo.util.Dom.repaint(cmp.el);
|
}, 10);
|
|
//对tab键的特殊控制处理
|
},
|
|
removePopup: function (cmp) {
|
var o = this.popups[cmp.id];
|
if (!o) return;
|
|
cmp._setX(-3000);
|
cmp.blur();
|
//cmp.set('visible', false);
|
|
//cmp.set.defer(1, cmp, ['visible', false]);
|
if (o.modal) {
|
//遍历popups,判断是否有一样的modalCt,如果有,则不unmask
|
//unmask.defer(100, null, [cmp, cmp.modalCt]);
|
this.unmask(cmp, o.modalCt);
|
}
|
delete cmp.modalCt;
|
delete this.popups[cmp.id];
|
},
|
unmask: function (cmp, mct) {
|
var repeat = false;
|
var zindex = -1;
|
for (var id in this.popups) {
|
if (id == cmp.id) continue;
|
var pop = this.popups[id];
|
if (pop.modalCt === mct && pop.modal) {
|
repeat = true;
|
zindex = pop.zIndex;
|
break;
|
}
|
}
|
if (repeat) {
|
if (mct._mask) mct._mask.style.zIndex = zindex - 1;
|
}
|
else Edo.util.Dom.unmask(mct);
|
}
|
};
|
Edo.util.Dom.on(document, 'mousedown', function (e) {
|
var popups = Edo.managers.PopupManager.popups;
|
|
for (var id in popups) {
|
var popup = popups[id];
|
popup.onmousedown(e);
|
if (!popup.target.within(e)) {
|
popup.onout(e);
|
} else {
|
popup.onin(e);
|
}
|
}
|
});
|
|
Edo.managers.ResizeManager = {
|
all: {},
|
overlay: null,
|
|
startResize: function (cfg) {
|
//event:事件对象
|
//handler:方向
|
//handlerEl:方向元素
|
//minWidth,minHeight
|
//target: 目标对象
|
|
Edo.apply(this, cfg, {
|
minWidth: 10,
|
minHeight: 10,
|
onresizestart: Edo.emptyFn,
|
onresize: Edo.emptyFn,
|
onresizecomplete: Edo.emptyFn
|
});
|
var drag = new Edo.util.Drag({
|
onStart: this.onStart.bind(this),
|
onMove: this.onMove.bind(this),
|
onStop: this.onStop.bind(this)
|
});
|
|
//初始化拖拽需要的一些坐标属性
|
var el = this.target.el || this.target;
|
this.initXY = this.event.xy; //鼠标的初始点击位置
|
this.handlerBox = Edo.util.Dom.getBox(this.handlerEl); //目标handler的初始位置
|
this.box = this.box || Edo.util.Dom.getBox(el);
|
|
drag.start(this.event);
|
|
},
|
|
reg: function (o) {
|
//target: 目标组件对象
|
//transparent:是否透明
|
//handlers: [e东,s南,w西,n北, es东南, ws西南, sn西北, en东北]
|
//mode: 'in','out','hide' //在内显示,在外显示,隐藏等...默认在内不显示
|
|
var el = o.target.el || o.target;
|
var id = el.id;
|
if (!id) throw new Error('必须指定id');
|
if (this.all[id]) this.unreg(o);
|
this.all[id] = o;
|
o.minWidth = o.minWidth || o.target.minWidth || 10;
|
o.minHeight = o.minHeight || o.target.minHeight || 10;
|
|
o.els = {};
|
if (!o.handlers) o.handlers = ['se'];
|
for (var i = 0; i < o.handlers.length; i++) {
|
var h = o.handlers[i];
|
var s = '<div direction="' + h + '" class="e-resizer e-resizer-' + h + '"></div>';
|
var d = Edo.util.Dom.append(el, s);
|
d.direction = h;
|
if (o.resizable !== false) {
|
Edo.util.Dom.on(d, 'mousedown', this.onMouseDown, o);
|
}
|
o.els[h] = d;
|
}
|
|
if (!o.transparent) Edo.util.Dom.addClass(el, 'e-resizer-over');
|
if (o.cls) Edo.util.Dom.addClass(el, o.cls);
|
if (o.square) Edo.util.Dom.addClass(el, 'e-resizer-square');
|
|
},
|
|
unreg: function (id) {
|
id = id.id || id;
|
var o = this.all[id];
|
if (o) {
|
for (var h in o.els) {
|
var el = o.els[h];
|
Edo.util.Dom.clearEvent(el);
|
Edo.util.Dom.removeClass(el, 'e-resizer-over');
|
Edo.util.Dom.removeClass(el, 'e-resizer-square');
|
Edo.util.Dom.remove(el);
|
}
|
delete this.all[o.id];
|
}
|
},
|
//private
|
fire: function (e, o) {
|
|
this.size = this.box = this.getResizeBox(this.event);
|
|
e = Edo.apply(e, this);
|
o = o || this.target;
|
|
if (o.el) {
|
o.fireEvent(e.type, e);
|
} else {
|
Edo.util.Dom.fireEvent(o, e.type, e);
|
}
|
e['on' + e.type].call(this, e);
|
},
|
getOverlay: function (cursor) {
|
var bd = document;
|
if (!this.overlay) {
|
this.overlay = Edo.util.Dom.append(bd.body, '<div class="e-resizer-overlay"></div>');
|
Edo.util.Dom.selectable(this.overlay, false);
|
}
|
Edo.util.Dom.setStyle(this.overlay, "cursor", cursor);
|
Edo.util.Dom.setSize(this.overlay, Edo.util.Dom.getScrollWidth(bd), Edo.util.Dom.getScrollHeight(bd));
|
bd.body.appendChild(this.overlay);
|
},
|
getResizeBox: function (e) {
|
//拖拽的时候,要注意,不能小于minWidth,minHeight
|
var xy = e.xy;
|
|
this.offsetX = this.handlerBox.right - this.initXY[0];
|
this.offsetY = this.handlerBox.bottom - this.initXY[1]; //右下
|
this.offsetX2 = this.initXY[0] - this.handlerBox.x; //左上
|
this.offsetY2 = this.initXY[1] - this.handlerBox.y;
|
|
var px = xy[0] + this.offsetX, py = xy[1] + this.offsetY; //当前x,y鼠标位置,加入了偏移
|
var px2 = xy[0] - this.offsetX, py2 = xy[1] - this.offsetY; //当前x,y鼠标位置,加入了偏移
|
|
|
var x = this.box.x, y = this.box.y, w = this.box.width, h = this.box.height, right = this.box.right, bottom = this.box.bottom;
|
|
var mw = this.minWidth || 0, mh = this.minHeight || 0;
|
switch (this.handler) {
|
case "e":
|
w = px - x;
|
w = Math.max(mw, w);
|
break;
|
case "s":
|
h = py - y;
|
h = Math.max(mh, h);
|
break;
|
case "se":
|
w = px - x;
|
w = Math.max(mw, w);
|
h = py - y;
|
h = Math.max(mh, h);
|
break;
|
case "n":
|
if (bottom - py2 < mh) {
|
y = bottom - mh;
|
} else {
|
y = py2;
|
}
|
h = bottom - y;
|
break;
|
case "w":
|
if (right - px2 < mw) {
|
x = right - mw;
|
} else {
|
x = px2;
|
}
|
w = right - x;
|
break;
|
case "nw":
|
if (bottom - py2 < mh) {
|
y = bottom - mh;
|
} else {
|
y = py2;
|
}
|
h = bottom - y;
|
if (right - px2 < mw) {
|
x = right - mw;
|
} else {
|
x = px2;
|
}
|
w = right - x;
|
break;
|
case "ne":
|
if (bottom - py2 < mh) {
|
y = bottom - mh;
|
} else {
|
y = py2;
|
}
|
h = bottom - y;
|
w = px - x;
|
w = Math.max(mw, w);
|
break;
|
case "sw":
|
if (right - px2 < mw) {
|
x = right - mw;
|
} else {
|
x = px2;
|
}
|
w = right - x;
|
h = py - y;
|
h = Math.max(mh, h);
|
break;
|
}
|
return { x: x, y: y, width: w, height: h, right: x + w, bottom: y + h }
|
},
|
onStart: function (drag) {
|
this.event = drag.event;
|
var t = this.handlerEl;
|
|
if (this.autoProxy !== false) {
|
this.proxy = Edo.util.Dom.append(document.body, '<div class="e-resizer-proxy"></div>');
|
Edo.util.Dom.setBox(this.proxy, this.box);
|
}
|
|
this.getOverlay(Edo.util.Dom.getStyle(t, 'cursor'));
|
|
|
this.fire({
|
type: 'resizestart',
|
target: this
|
});
|
},
|
onMove: function (drag) {
|
this.event = drag.event;
|
// fire({
|
// type: 'resize',
|
// target: this
|
// });
|
if (this.autoProxy !== false) {
|
var box = this.getResizeBox(this.event);
|
Edo.util.Dom.setBox(this.proxy, box);
|
}
|
this.fire({
|
type: 'resize',
|
target: this
|
});
|
},
|
onStop: function (drag) {
|
this.event = drag.event;
|
|
var size = this.getResizeBox(this.event);
|
|
if (this.autoResize !== false) {
|
if (this.target.el) {
|
this.target.set('size', size);
|
} else {
|
Edo.util.Dom.setSize(this.target, size.width, size.height);
|
}
|
}
|
Edo.util.Dom.remove(this.overlay);
|
if (this.autoProxy !== false) {
|
Edo.util.Dom.remove(this.proxy);
|
}
|
|
this.fire({
|
type: 'resizecomplete',
|
target: this
|
});
|
this.autoResize = this.handler = this.handlerEl = this.proxy = this.initXY = this.handlerBox = this.box = this.autoProxy = null;
|
},
|
onMouseDown: function (e) {
|
if (e.button != 0) return false;
|
|
var t = e.target;
|
|
//得到目标DOM元素
|
var el = this.target.el || this.target;
|
//得到拖拽方向
|
var d = t.direction;
|
|
if (d && t.parentNode === el) {
|
// Edo.managers.ResizeManager.startResize({
|
// target: this.target,
|
// event: e,
|
// handler: d,
|
// handlerEl: t,
|
// minWidth: this.minWidth,
|
// minHeight: this.minHeight
|
// });
|
Edo.managers.ResizeManager.startResize(Edo.applyIf({
|
target: this.target,
|
event: e,
|
handler: d,
|
handlerEl: t,
|
minWidth: this.minWidth,
|
minHeight: this.minHeight
|
}, this));
|
e.stop();
|
}
|
}
|
};
|
|
Edo.managers.TipManager = {
|
tips: {},
|
//tpl: new Edo.util.Template('<table class="e-tip <%=this.cls%>" cellspacing="0" border="0" cellpadding="0"><tr class="e-group-t"><td class="e-group-tl"></td><td class="e-group-tc"></td><td class="e-group-tr"></td></tr><tr class="e-group-m"><td class="e-group-ml"></td><td class="e-group-mc"><%if(this.showTitle){%><div class="e-tip-header"><%= this.title%><%if(this.showClose){%><div class="e-tip-close" onclick="Edo.managers.TipManager.hide(\'<%= this.target.id%>\')"></div><%}%></div><%}%><div class="e-group-body"><%= this.html%></div></td><td class="e-group-mr"></td></tr><tr class="e-group-b"><td class="e-group-bl"></td><td class="e-group-bc"></td><td class="e-group-br"></td></tr></table>'),
|
tpl: new Edo.util.Template('<div class="e-tip <%=this.cls%>"><%if(this.showTitle){%><div class="e-tip-header"><%= this.title%><%if(this.showClose){%><div class="e-tip-close" onclick="Edo.managers.TipManager.hide(\'<%= this.target.id%>\')"></div><%}%></div><%}%><div class="e-group-body"><%= this.html%></div></div>'),
|
show: function (x, y, cfg) {
|
this.hide(cfg);
|
var target = cfg.target;
|
//clearTimeout(cfg.hideTimer);
|
if (!cfg.tipEl) {
|
|
var s = this.tpl.run(cfg);
|
|
cfg.tipEl = Edo.util.Dom.append(document.body, s);
|
|
// var w = Edo.util.Dom.getWidth(cfg.tipEl);
|
// Edo.util.Dom.setWidth(cfg.tipEl, w);
|
//Edo.util.Dom.repaint(cfg.tipEl);
|
}
|
|
var x = x + cfg.mouseOffset[0], y = y + cfg.mouseOffset[1];
|
var size = Edo.util.Dom.getSize(cfg.tipEl);
|
|
var w = Edo.util.Dom.getViewWidth(document);
|
var h = Edo.util.Dom.getViewHeight(document);
|
if (x + size.width > w) {
|
x = w - size.width;
|
}
|
if (y + size.height > h) {
|
y = h - size.height;
|
}
|
Edo.util.Dom.setXY(cfg.tipEl, [x, y]);
|
},
|
hide: function (cfg) {
|
|
if (!cfg) return;
|
if (typeof cfg === 'string') cfg = this.tips[cfg];
|
clearTimeout(cfg.showTimer);
|
Edo.util.Dom.remove(cfg.tipEl);
|
cfg.tipEl = null;
|
},
|
clear: function (tip) {
|
if (tip.tipEl) {
|
Edo.util.Dom.remove(tip.tipEl);
|
tip.tipEl = null;
|
}
|
return tip;
|
},
|
|
reg: function (cfg) {
|
cfg = Edo.apply({}, cfg, {
|
target: null, //注册提示的对象
|
cls: '', //
|
html: '',
|
title: '',
|
|
ontipshow: Edo.emptyFn,
|
ontiphide: Edo.emptyFn,
|
|
showTitle: false, //是否显示标题
|
autoShow: true, //是否mouseover显示
|
autoHide: true, //是否mouseout隐藏
|
showClose: false, //是否显示关闭按钮
|
showImage: false, //
|
trackMouse: false, //是否跟随鼠标移动而显示
|
showDelay: 100, //显示延迟
|
hideDelay: 200, //隐藏延迟
|
|
mouseOffset: [15, 18] //显示的偏移坐标
|
});
|
|
if (!cfg.target) return false;
|
|
//注册提示配置信息
|
this.unreg(cfg.target);
|
|
var target = cfg.target;
|
this.tips[target.id] = cfg;
|
|
//if(target.id == 'btn2') debugger;
|
if (cfg.autoShow) {
|
if (cfg.trackMouse) {
|
target.on('mousemove', this.onmousemove, this);
|
} else {
|
target.on('mouseover', this.onmouseover, this);
|
}
|
}
|
//如果是autoHide,则绑定上去,要不不绑定
|
target.on('mouseout', this.onmouseout, this);
|
return cfg;
|
},
|
|
unreg: function (cmp) {
|
//取消提示
|
var tip = this.tips[cmp.id];
|
if (tip) {
|
|
this.hide(tip);
|
var target = tip.target;
|
target.un('mouseover', this.onmouseover, this);
|
target.un('mousemove', this.onmousemove, this);
|
target.un('mouseout', this.onmouseout, this);
|
|
delete this.tips[cmp.id];
|
}
|
},
|
//private
|
onmouseover: function (e) {
|
var tip = this.tips[e.source.id];
|
if (tip.tipEl) {
|
var el = e.getRelatedTarget();
|
if (Edo.util.Dom.contains(e.source.el, el)) return;
|
}
|
if (tip.ontipshow(e) !== false) {
|
tip.showTimer = this.show.defer(tip.showDelay, this, [e.xy[0], e.xy[1], tip]);
|
} else {
|
//if(tip.autoHide) tip.hideTimer = this.hide.defer(tip.hideDelay, this, [tip]);
|
//if (tip.autoHide) this.hide(tip);
|
this.hide(tip);
|
}
|
},
|
onmousemove: function (e) {
|
var tip = this.tips[e.source.id];
|
//document.title = new Date();
|
clearTimeout(tip.showTimer);
|
if (tip.ontipshow(e) !== false) {
|
//this.show(e.xy[0], e.xy[1], tip);
|
tip.showTimer = this.show.defer(tip.showDelay, this, [e.xy[0], e.xy[1], tip]);
|
} else {
|
//if(tip.autoHide) tip.hideTimer = this.hide.defer(tip.hideDelay, this, [tip]);
|
|
if (tip.autoHide) this.hide(tip);
|
}
|
},
|
onmouseout: function (e) {
|
var el = e.getRelatedTarget();
|
var tip = this.tips[e.source.id];
|
if (Edo.util.Dom.contains(e.source.el, el)) return;
|
//alert(1);
|
if (tip.autoHide) {
|
tip.ontiphide(e);
|
if (tip.showTimer) {
|
clearTimeout(tip.showTimer);
|
tip.showTimer = null;
|
}
|
|
//tip.hideTimer = this.hide.defer(tip.hideDelay, this, [tip]);
|
if (tip.autoHide) this.hide(tip);
|
|
}
|
}
|
}
|
|
|
Edo.data.DataModel = function () {
|
Edo.data.DataModel.superclass.constructor.call(this);
|
|
this.fields = [];
|
this.fieldsMap = {};
|
|
|
|
}
|
Edo.data.DataModel.extend(Edo.core.Component, {
|
|
_setFields: function (fields) {
|
if (!fields) fields = [];
|
this.fieldsMap = {};
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var f = fields[i];
|
if (typeof f == 'string') {
|
fields[i] = { name: f };
|
}
|
if (typeof f.mapping == 'undefined') {
|
f.mapping = f.name;
|
}
|
if (typeof f.convert == 'string') {
|
f.convert = Edo.data.DataModel[f.convert.toLowerCase()];
|
}
|
if (f.type) {
|
f.type = f.type.toLowerCase();
|
}
|
this.fieldsMap[f.name] = f;
|
}
|
this.fields = fields;
|
},
|
getField: function (name) {
|
return this.fieldsMap[name];
|
},
|
convert: function (data) {
|
if (!data) data = [];
|
if (!(data instanceof Array)) data = [data];
|
|
for (var i = 0, l = data.length; i < l; i++) {
|
var record = data[i];
|
this.convertRecord(record);
|
}
|
|
return data;
|
},
|
convertRecord: function (record) {
|
var fields = this.fields;
|
|
var getMapping = this.getMappingValue;
|
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var field = fields[i];
|
|
var mapping = field.mapping;
|
var v = mapping.indexOf('.') == -1 ? record[mapping] : getMapping(record, mapping);
|
|
v = record[field.name] = field.convert ? field.convert(v, record, field) : v;
|
|
if (field.type) {
|
var convert = Edo.data.Convertor[field.type.toLowerCase()];
|
record[field.name] = convert ? convert(v, record, field) : v;
|
}
|
|
}
|
return record;
|
},
|
getMappingValue: function (o, mapping) {
|
var maps = mapping.split('.');
|
var v = o;
|
for (var i = 0, l = maps.length; i < l; i++) {
|
v = v[maps[i]];
|
}
|
return v;
|
},
|
newRecord: function (append) {
|
var record = {};
|
var fields = this.fields;
|
for (var i = 0, l = fields.length; i < l; i++) {
|
var field = fields[i];
|
if (Edo.isValue(field.defaultValue)) {
|
record[field.name] = field.defaultValue;
|
}
|
}
|
Edo.apply(record, append);
|
return record;
|
},
|
errorMsg: '错误',
|
valid: function (records, all) {
|
if (!records || records === true) return;
|
if (!(records instanceof Array)) records = [records];
|
if (this.fields.length == 0) return true;
|
var ret = true, isBreak = false;
|
var fields = this.fields;
|
var errors = [];
|
for (var i = 0, l = records.length; i < l; i++) {
|
if (isBreak) break;
|
var record = records[i];
|
|
var error = { record: record, fields: [] }; //错误记录
|
|
for (var j = 0, k = fields.length; j < k; j++) {
|
var field = fields[j];
|
//如果没有验证条件, 则不参与验证
|
if (field.required !== true && !field.valid) continue;
|
var value = Edo.getValue(record, field.name);
|
|
var r = this.validField(record, field.name, value);
|
if (r !== true) {
|
ret = false;
|
|
error.fields.add({
|
name: field.name,
|
value: value,
|
errorMsg: r === false ? this.errorMsg : r
|
});
|
|
if (!all) {
|
isBreak = true;
|
break;
|
}
|
}
|
}
|
|
if (error.fields.length > 0) {
|
errors.add(error);
|
}
|
|
}
|
|
if (errors.length > 0) {
|
this.fireEvent('invalid', {
|
type: 'invalid',
|
source: this,
|
errors: errors
|
});
|
} else {
|
this.fireEvent('valid', {
|
type: 'valid',
|
source: this,
|
errors: errors
|
});
|
}
|
|
return ret;
|
},
|
requiredMsg: '不能为空',
|
validField: function (record, name, value, fireValid) {
|
var ret = true;
|
var field = this.getField(name);
|
//如果没有valid, 并且没有设置required, 则直接返回
|
if (field && (field.required || field.valid)) {
|
var valid = field.valid;
|
if (typeof valid === 'string') {
|
valid = Edo.core.Validator[valid.toLowerCase()];
|
}
|
|
value = arguments.length == 2 ? Edo.getValue(record, name) : value;
|
|
if (field.required === true) {
|
if (value === undefined || value === null || value === '') ret = this.requiredMsg;
|
}
|
|
if (ret === true && valid) {
|
ret = valid(value, record, name, this);
|
}
|
}
|
if (fireValid === true) {
|
if (ret !== true) {
|
this.fireEvent('invalid', {
|
type: 'invalid',
|
source: this,
|
action: 'field',
|
record: record,
|
field: name,
|
value: value,
|
errorMsg: ret
|
});
|
} else {
|
this.fireEvent('valid', {
|
type: 'valid',
|
action: 'field',
|
source: this,
|
record: record,
|
field: name,
|
value: value
|
});
|
}
|
}
|
|
return ret;
|
}
|
});
|
|
Edo.data.DataModel.regType('DataModel');
|
|
//converts
|
Edo.data.Convertor = {
|
stripRe: /[\$,%]/g,
|
|
'string': function (v, record, field) {
|
return (v === undefined || v === null) ? '' : String(v);
|
},
|
'int': function (v, record, field) {
|
return v !== undefined && v !== null && v !== '' ?
|
parseInt(String(v).replace(this.stripRe, ""), 10) : 0;
|
},
|
'float': function (v, record, field) {
|
return v !== undefined && v !== null && v !== '' ?
|
parseFloat(String(v).replace(stripRe, ""), 10) : '';
|
},
|
'bool': function (v) {
|
return v === true || v === "true" || v == 1;
|
},
|
'date': function (v, record, field) {
|
if (!v) {
|
return '';
|
}
|
if (Edo.isDate(v)) {
|
return v;
|
}
|
var dateFormat = field.dateFormat;
|
if (dateFormat) {
|
if (dateFormat == "timestamp") {
|
return new Date(v * 1000);
|
}
|
if (dateFormat == "time") {
|
return new Date(parseInt(v, 10));
|
}
|
return Date.parseDate(v, dateFormat);
|
}
|
var parsed = Date.parse(v);
|
return parsed ? new Date(parsed) : null;
|
},
|
'array': function (v, record, field) {
|
if (!v && (v !== 0 || v !== false)) return [];
|
return v.push ? v : [v];
|
}
|
};
|
|
|
Edo.data.DataTable = function (data) {
|
Edo.data.DataTable.superclass.constructor.call(this);
|
|
this.source = this.view = [];
|
this.modified = {};
|
this.removed = {};
|
this.idHash = {};
|
|
//if(data)
|
this.load(data);
|
|
//this._setConn(new Edo.data.PagingConnection());
|
|
}
|
Edo.data.DataTable.extend(Edo.data.DataModel, {
|
componentMode: 'data',
|
|
autoValid: true, //自动验证:修改后, 选择后
|
|
dataTable: true,
|
|
getSource: function () {
|
return this.source;
|
},
|
|
|
_setData: function (data) {
|
this.load(data);
|
},
|
refresh: function (view, action, event) { //刷新数据视图
|
this.view = this.createView(view || this.view);
|
this.fire(action || 'refresh', event); //数据组件,只需要监听refresh事件即可!
|
},
|
|
load: function (data, view) {
|
if (!data) data = [];
|
var e = { data: data };
|
if (this.fire('beforeload', e) !== false) { //这是属于"破坏"性的操作,如果有必要,要保存原来的操作结果,请使用beforeload事件
|
|
this._doLoad(data);
|
|
this.source = data; //更新原始数据
|
this.modified = {};
|
this.removed = {};
|
//this.idHash = {};
|
|
this.view = this.createView(view || data);
|
|
this.changed = false; //修改changed标记(表示数据是没有经过任何数据操作:增,删,改)
|
|
this.canFire = true;
|
|
this.fire('load', e);
|
}
|
},
|
isChanged: function () {
|
var changed = this.changed;
|
if (!changed) changed = this.getAdded() != 0;
|
if (!changed) changed = this.getUpdated() != 0;
|
if (!changed) changed = this.getDeleted() != 0;
|
return changed;
|
},
|
createView: function (view) {
|
return view;
|
},
|
|
reload: function () {
|
this.source.each(function (o) {
|
delete o.__status;
|
});
|
|
this.load(this.source, this.view);
|
},
|
|
add: function (record) {
|
this.insert(this.view.length, record);
|
},
|
|
addRange: function (records) {
|
this.insertRange(this.view.length, records);
|
},
|
|
insert: function (index, record) {
|
this.insertRange(index, [record]);
|
},
|
|
insertRange: function (index, records) {
|
if (!records || !(records instanceof Array)) return;
|
|
var d = this.source, v = this.view;
|
|
for (var i = 0, len = records.length; i < len; i++) {
|
var r = records[i];
|
v.insert(index + i, r);
|
|
if (d !== v) d.insert(index, r); //在源数据上也新增
|
|
this._doAdd(r);
|
|
if (this.autoValid) {
|
this.valid(r, true);
|
}
|
}
|
this.fire('add', {
|
records: records,
|
index: index
|
});
|
this.changed = true;
|
},
|
|
|
remove: function (record) {
|
this.removeRange([record]);
|
},
|
|
removeAt: function (index) {
|
this.remove(this.getAt(index));
|
},
|
|
removeRange: function (records) {
|
if (!records || !(records instanceof Array)) return;
|
records = records.clone();
|
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
var index = this.view.indexOf(record);
|
if (index > -1) {
|
this.view.removeAt(index);
|
this.source.remove(record); //从源数据上也删除
|
// delete this.idHash[record.__id];
|
// delete this.modified[record.__id];
|
|
this._doRemove(record);
|
}
|
}
|
|
this.fire('remove', { records: records });
|
this.changed = true;
|
},
|
|
updateRecord: function (record, o) {
|
var canFire = this.canFire;
|
this.beginChange();
|
for (var p in o) {
|
this.update(record, p, o[p]);
|
}
|
this.canFire = canFire;
|
this.fire('update', {
|
record: record
|
});
|
this.changed = true;
|
if (this.autoValid) {
|
this.valid(record, true);
|
}
|
},
|
|
update: function (record, field, value) {
|
var old = Edo.getValue(record, field);
|
//var old = record[field];
|
//alert(old+":"+value);
|
var type = typeof (old);
|
if (type == 'object') {
|
if (old === value) return false;
|
}
|
else if (String(old) == String(value)) return false;
|
|
//record[field] = value;
|
Edo.setValue(record, field, value);
|
|
//to data
|
this._doUpdate(record, field, old);
|
|
this.fire('update', {
|
record: record,
|
field: field,
|
value: value
|
});
|
this.changed = true;
|
|
if (this.autoValid) {
|
this.validField(record, field, value, true);
|
//this.valid(record, true);
|
}
|
return true;
|
},
|
|
move: function (records, index) {//index:数字, 行对象
|
|
var target = Edo.isInt(index) ? this.getAt(index) : index;
|
|
if (!Edo.isArray(records)) records = [records];
|
//debugger
|
|
for (var j = 0, l = records.length; j < l; j++) {
|
var record = records[j];
|
|
this.view.remove(record);
|
|
if (target) {
|
var index = this.indexOf(target);
|
this.view.insert(index, record);
|
} else {
|
this.view.add(record);
|
}
|
}
|
|
//alert(this.indexOf(target));
|
this.fire('move', {
|
records: records,
|
index: this.indexOf(target)
|
});
|
|
this.changed = true;
|
|
},
|
|
clear: function () {
|
this.source = this.view = [];
|
this.modified = {};
|
this.removed = {};
|
this.fire('clear');
|
this.changed = true;
|
},
|
|
reset: function (record) {
|
var r = this.modified[record.__id];
|
if (r) {
|
Edo.apply(record, r);
|
|
delete this.modified[record.__id];
|
delete record.status;
|
|
this.fire('reset', {
|
record: record
|
});
|
}
|
},
|
|
resetField: function (record, field) {
|
var r = this.modified[record.__id];
|
if (r) {
|
var v = r[field];
|
if (typeof v !== 'undefined') {
|
delete r[field];
|
record[field] = v;
|
|
this.fire('resetfield', {
|
record: record,
|
field: field,
|
value: v
|
});
|
}
|
}
|
},
|
|
sort: function (sortFn) {
|
// function sortFn(pre, now){
|
// if(fn(pre, now) == true) return 1;
|
// else return -1;
|
// }
|
//可以自己实现一个优化排序算法
|
this.view.sortByFn(sortFn);
|
if (this.view !== this.source) {
|
this.source.sortByFn(sortFn);
|
}
|
this.fire('sort');
|
},
|
|
sortField: function (field, direction) {
|
direction = direction || 'ASC';
|
var fn;
|
if (direction.toUpperCase() == 'ASC') {
|
fn = function (r1, r2) {
|
var v1 = r1[f], v2 = r2[f];
|
return v1 > v2 ? 1 : (v1 < v2 ? -1 : 0);
|
};
|
} else {
|
fn = function (r1, r2) {
|
var v1 = r1[f], v2 = r2[f];
|
return v1 < v2 ? 1 : (v1 > v2 ? -1 : 0);
|
};
|
}
|
this.sort(fn);
|
},
|
|
filter: function (fn, scope) {
|
var view = this.view = [];
|
var data = this.source;
|
for (var i = 0, j = data.length; i < j; i++) {
|
var record = data[i];
|
if (fn.call(scope, record, i, data) !== false) view[view.length] = record;
|
}
|
this.view = this.createView(this.view);
|
this.fire('filter');
|
},
|
|
clearFilter: function () {
|
this.filterFn = null;
|
if (this.isFiltered()) {
|
this.view = this.createView(this.source);
|
this.fire('filter');
|
}
|
},
|
|
isFiltered: function () {
|
return this.view.length != this.source.length;
|
},
|
//查找:传递一个object,找出属性符合最多的对象的Index.
|
//这其实是个很复杂的概念:1)默认是从当前数据视图查找;2)如果传递source对象,就从source对象查找(并且如果是删除的数据,不会查找出来)
|
|
findIndex: function (attribute, array) {
|
if (array === true) array = this.source;
|
array = array || this.view;
|
for (var i = 0, l = array.length; i < l; i++) {
|
var o = array[i];
|
if (o === attribute) return i;
|
|
var all = true; //全部匹配才行
|
for (var p in attribute) {
|
if (attribute[p] != o[p]) {
|
all = false;
|
break;
|
}
|
}
|
if (all) return i;
|
}
|
return -1;
|
},
|
|
find: function (attribute, array) {
|
if (array !== false) array = this.source;
|
array = array || this.view;
|
return array[this.findIndex(attribute, array)];
|
},
|
|
getById: function (id) {
|
return this.idHash[id];
|
},
|
|
getViewById: function (id) {
|
return this.viewHash[id];
|
},
|
|
getAt: function (index) {
|
return this.view[index];
|
},
|
|
indexOf: function (record) {
|
return this.view.indexOf(record);
|
},
|
|
indexOfId: function (id) {
|
var r = this.idHash[id];
|
return r ? this.indexOf(r) : -1;
|
},
|
|
getCount: function () {
|
return this.view.length;
|
},
|
|
isEmpty: function () {
|
return this.view.length == 0;
|
},
|
|
each: function (fn, scope) {
|
this.view.each(fn, scope);
|
},
|
fire: function (action, event) {
|
if (this.canFire) {
|
event = Edo.apply({
|
type: 'datachange',
|
action: action,
|
source: this
|
}, event);
|
this._onFire(event);
|
|
if (['beforeload', 'load', 'refresh', 'filter', 'collapse', 'expand', 'sort'].indexOf(action) == -1) {
|
this.changed = true;
|
}
|
|
return this.fireEvent('datachange', event);
|
}
|
},
|
|
isModify: function (record) {
|
var ro = this.modified[record.__id];
|
if (!ro) return false;
|
return true;
|
},
|
|
isFieldModify: function (record, field) {
|
var ro = this.modified[record.__id];
|
if (!ro) return false;
|
if (typeof (ro[field]) !== 'undefined') return true;
|
return false;
|
},
|
|
beginChange: function () {
|
this.canFire = false;
|
},
|
|
endChange: function (action, event) {
|
this.canFire = true;
|
this.refresh(null, action, event);
|
|
if (this.autoValid) {
|
this.valid(true, true);
|
}
|
},
|
|
getDeleted: function () {
|
var rs = [];
|
var os = this.removed;
|
for (var id in os) {
|
var o = os[id];
|
rs.add(o);
|
}
|
return this.clearData(rs);
|
},
|
|
getUpdated: function (idField) {
|
idField = idField || this.idField;
|
var rs = [];
|
|
if (idField === true) { //返回整条记录
|
var rs = [];
|
for (var i = 0, l = this.source.length; i < l; i++) {
|
var o = this.source[i];
|
if (o.__status == 'update') {
|
rs.add(o);
|
}
|
}
|
return this.clearData(rs);
|
} else {
|
var os = this.modified;
|
for (var id in os) {
|
var o = os[id];
|
var r = this.getById(id);
|
|
o[idField] = r[idField];
|
rs.add(o);
|
for (var p in o) {
|
o[p] = r[p];
|
}
|
|
}
|
}
|
return this.clearData(rs);
|
},
|
clearData: function (rs) {
|
var list = [];
|
for (var i = 0, l = rs.length; i < l; i++) {
|
list.add(Edo.data.cloneData(rs[i]));
|
}
|
return list;
|
},
|
|
getAdded: function () {
|
var rs = [];
|
for (var i = 0, l = this.source.length; i < l; i++) {
|
var o = this.source[i];
|
if (o.__status == 'add') {
|
rs.add(o);
|
}
|
}
|
return this.clearData(rs);
|
},
|
_doLoad: function (data) {
|
if (this.fields.length > 0) {
|
data = this.convert(data);
|
}
|
|
var idHash = this.idHash = {}; //load的时候,清空原有的idHash
|
var id = Edo.data.DataTable.id;
|
for (var i = 0, l = data.length; i < l; i++) {
|
var r = data[i];
|
if (!r.__id || idHash[r.__id]) r.__id = id++; //千万不能动...
|
//r.__id = id++;
|
idHash[r.__id] = r;
|
delete r.__status;
|
//r.__status = 'normal';
|
}
|
Edo.data.DataTable.id = id;
|
},
|
_doAdd: function (record) {
|
if (record.__id) {
|
var r = this.idHash[record.__id];
|
if (r) {
|
if (r !== record) {
|
record.__id = null;
|
}
|
}
|
}
|
if (!record.__id) {
|
record.__id = Edo.data.DataTable.id++;
|
}
|
this.idHash[record.__id] = record;
|
if (!record.__status) record.__status = 'add';
|
else delete record.__status;
|
},
|
_doRemove: function (record) {
|
if (record.__status != 'add') {
|
record.__status = 'remove';
|
this.removed[record.__id] = record;
|
}
|
delete this.idHash[record.__id];
|
delete this.modified[record.__id];
|
//delete record.__id;
|
},
|
idField: 'id',
|
_doUpdate: function (record, field, value) {
|
if (record.__status != 'add') {
|
record.__status = 'update';
|
var erow = this.modified[record.__id];
|
if (!erow) {
|
erow = this.modified[record.__id] = {};
|
}
|
if (typeof erow[field] === 'undefined') erow[field] = value; //只保存一次,初始值
|
}
|
},
|
_onFire: function (e) {
|
if (e.action == 'update') return;
|
var viewHash = this.viewHash = {}; //viewHash是可视的数据视图快速索引
|
var view = this.view;
|
for (var i = 0, l = view.length; i < l; i++) {
|
var r = view[i];
|
viewHash[r.__id] = r;
|
r.__index = i;
|
}
|
},
|
|
getRecord: function (record) {
|
var type = Edo.type(record);
|
if (type == 'number') {
|
record = this.getAt(record);
|
} else if (type == 'string') {
|
record = this.getById(record);
|
}
|
return record;
|
},
|
getRange: function (start, end) {
|
if (start > end) {
|
var t = start;
|
start = end;
|
end = t;
|
}
|
var range = [];
|
for (var i = start; i <= end; i++) {
|
range.push(this.getAt(i));
|
}
|
return range;
|
},
|
|
//数据指针:选中状态逻辑(单选)
|
selected: null,
|
getSelectedIndex: function () {
|
return this.indexOf(this.selected);
|
},
|
getSelected: function () {
|
if (!this.selected || this.indexOf(this.selected) == -1) {
|
this.selected = null;
|
return null;
|
}
|
return this.selected;
|
},
|
isSelected: function (record) {
|
record = this.getRecord(record);
|
if (record == this.selected) return true;
|
return false;
|
},
|
select: function (record) {
|
record = this.getRecord(record);
|
if (!record || this.isSelected(record)) return false;
|
if (this.fireEvent('beforeselectionchange', {
|
type: 'beforeselectionchange',
|
source: this,
|
selected: record
|
}) === false) return false;
|
this.selected = record;
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this,
|
selected: this.selected
|
});
|
|
if (this.autoValid) {
|
|
this.valid(record, true);
|
}
|
},
|
deselect: function (record) {
|
record = this.getRecord(record);
|
if (!record || !this.isSelected(record)) return false;
|
if (this.fireEvent('beforeselectionchange', {
|
type: 'beforeselectionchange',
|
source: this,
|
selected: this.selected,
|
deselected: record
|
}) === false) return false;
|
this.selected = null;
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this,
|
selected: this.selected
|
});
|
},
|
clearSelect: function () {
|
this.deselect(this.selected);
|
},
|
firstSelect: function () {
|
this.select(0);
|
},
|
prevSelect: function () {
|
this.select(this.getSelectedIndex() - 1);
|
},
|
nextSelect: function () {
|
this.select(this.getSelectedIndex() + 1);
|
},
|
lastSelect: function () {
|
this.select(this.getCount() - 1);
|
},
|
valid: function (records, all) {
|
if (!records || records === true) records = this.view;
|
return Edo.data.DataTable.superclass.valid.call(this, records, all);
|
},
|
_setFields: function (fields) {
|
Edo.data.DataTable.superclass._setFields.call(this, fields);
|
this.convert(this.source);
|
}
|
});
|
|
Edo.data.DataTable.id = 1000;
|
|
Edo.data.DataTable.regType('datatable');
|
|
|
Edo.data.cloneData = function (o) {
|
var c = null;
|
if (o instanceof Array) {
|
c = o.clone();
|
} else {
|
c = Edo.apply({}, o);
|
}
|
delete c.__id;
|
delete c.__index;
|
delete c.__status;
|
|
delete c.__pid;
|
delete c.__preid;
|
delete c.__nextid;
|
delete c.__hasChildren
|
|
delete c.__depth;
|
delete c.expanded;
|
delete c.__height;
|
|
return c;
|
}
|
|
|
|
|
Edo.data.DataTree = function (data) {
|
Edo.data.DataTree.superclass.constructor.call(this, data);
|
}
|
Edo.data.DataTree.extend(Edo.data.DataTable, {
|
getSource: function () {
|
return this.children;
|
},
|
reload: function () {
|
this.source.each(function (o) {
|
delete o.__status;
|
});
|
this.load(this.children, this.view);
|
},
|
|
load: function (tree, view) {
|
if (!tree) tree = [];
|
if (!(tree instanceof Array)) tree = [tree];
|
|
this.children = tree;
|
|
this.source = [];
|
var data = [];
|
this._createTable(tree, data);
|
this.source = data;
|
|
if (!view) {
|
view = [];
|
|
this._createTree(this.children, -1, 0, view, this.filterFn);
|
|
}
|
|
Edo.data.DataTree.superclass.load.call(this, data, view);
|
},
|
//是不是在本方法内,重新排定table?
|
syncTreeView: function (action, event) {
|
var view = []; //获得树形筛选后的表格view视图
|
this._createTree(this.children, -1, 0, view, this.filterFn);
|
this.refresh(view, action, event);
|
},
|
//deep深度, stopNode截止的节点,
|
|
collapse: function (node, deep) {
|
node.expanded = false;
|
|
if (deep) {
|
this.iterateChildren(node, function (o) {
|
o.expanded = false;
|
});
|
}
|
//this.canFire = true;
|
if (this.canFire) {
|
this.syncTreeView('collapse', { record: node });
|
}
|
},
|
|
expand: function (node, deep) {
|
node.expanded = true;
|
|
var p = this.findParent(node);
|
while (p) {
|
p.expanded = true;
|
p = this.findParent(p);
|
}
|
|
if (deep) {
|
this.iterateChildren(node, function (o) {
|
o.expanded = true;
|
});
|
}
|
|
//this.canFire = true;
|
if (this.canFire) {
|
this.syncTreeView('expand', { record: node });
|
}
|
},
|
|
expandAll: function () {
|
this.beginChange();
|
this.source.each(function (o) {
|
this.expand(o, true);
|
}, this);
|
this.endChange();
|
},
|
|
collapseAll: function () {
|
this.beginChange();
|
this.source.each(function (o) {
|
this.collapse(o, true);
|
}, this);
|
this.endChange();
|
},
|
|
toggle: function (node, deep) {
|
|
if (node.expanded) this.collapse(node, deep);
|
else this.expand(node, deep);
|
},
|
|
add: function (node, p) {
|
if (!p) p = this;
|
if (!p.children) p.children = [];
|
return this.insert(p.children.length, node, p);
|
},
|
|
addRange: function (nodes, p) {
|
if (!p) p = this;
|
if (!p.children) p.children = [];
|
return this.insertRange(p.children.length, nodes, p);
|
},
|
|
insert: function (index, node, p) {
|
this.insertRange(index, [node], p);
|
},
|
|
insertRange: function (index, records, p) {
|
if (!records || !(records instanceof Array)) return;
|
|
if (!p) p = this;
|
if (!p.children) p.children = [];
|
|
var cs = p.children;
|
for (var i = 0, len = records.length; i < len; i++) {
|
var r = records[i];
|
cs.insert(index + i, r);
|
this._doAdd(r);
|
|
this.iterateChildren(r, function (n) {
|
this._doAdd(n);
|
}, this);
|
}
|
|
//重新生成表格, 这时候, 这个data应该是source, 没有任何过滤
|
var data = [];
|
this._createTable(this.children, data);
|
this.source = data;
|
|
this.syncTreeView('add', {
|
records: records,
|
index: index,
|
parentNode: p
|
});
|
|
this.changed = true;
|
},
|
|
remove: function (node) {
|
|
var p = this.findParent(node);
|
if (p) {
|
p.children.remove(node);
|
this.source.remove(node); //从源数据上也删除
|
this._doRemove(node);
|
|
|
var data = [];
|
this._createTable(this.children, data);
|
this.source = data;
|
|
this.syncTreeView('remove', {
|
|
records: [node],
|
parent: p
|
});
|
|
this.changed = true;
|
}
|
},
|
_doAdd: function (node) {
|
Edo.data.DataTree.superclass._doAdd.call(this, node);
|
this.iterateChildren(node, function (cnode) {
|
Edo.data.DataTree.superclass._doAdd.call(this, cnode);
|
}, this);
|
},
|
_doRemove: function (node) {
|
Edo.data.DataTree.superclass._doRemove.call(this, node);
|
this.iterateChildren(node, function (cnode) {
|
Edo.data.DataTree.superclass._doRemove.call(this, cnode);
|
}, this);
|
},
|
|
removeAt: function (index, p) {
|
if (!p) throw new Error("父节点为空");
|
var node = p && p.children ? p.children[index] : null;
|
if (node) {
|
this.remove(node, p);
|
}
|
},
|
|
removeRange: function (records, node) {
|
|
if (!records || !(records instanceof Array)) return;
|
records = records.clone();
|
for (var i = 0, l = records.length; i < l; i++) {
|
var record = records[i];
|
|
node = this.findParent(record);
|
if (node) {
|
node.children.remove(record);
|
this.source.remove(record); //从源数据上也删除
|
this._doRemove(record);
|
}
|
}
|
|
this.changed = true;
|
|
if (this.canFire) {
|
this.syncTreeView('remove', {
|
records: records,
|
parent: node
|
});
|
}
|
|
},
|
|
move: function (nodes, target, action) {
|
if (!nodes) return;
|
if (!Edo.isArray(nodes)) nodes = [nodes];
|
var p = this.findParent(target);
|
if (!p) return;
|
|
this.beginChange();
|
for (var i = 0, l = nodes.length; i < l; i++) {
|
var node = nodes[i];
|
|
var index = p.children.indexOf(target);
|
|
if (Edo.isNumber(action)) {
|
p = target;
|
index = action;
|
} else if (action == 'append') {
|
index += 1;
|
} else if (action == 'add') {
|
p = target;
|
if (!p.children) p.children = []
|
index = p.children.length;
|
} else if (action == "preend") {
|
|
}
|
|
//这里好像有点性能问题
|
if (this.isAncestor(node, p) || node == p) {
|
return false;
|
}
|
|
var p1 = this.findParent(node);
|
if (p1 == p) {
|
var index2 = p1.children.indexOf(node);
|
if (index2 <= index) {
|
index -= 1;
|
}
|
}
|
|
var status = node.__status;
|
var status2 = p.__status;
|
|
//这里不太对, 造成了很大的性能开销
|
// this.remove(node);
|
// this.insert(index, node, p);
|
//从旧删除
|
var pold = this.findParent(node);
|
if (pold) {
|
pold.children.remove(node);
|
}
|
//在新插入
|
p.children.insert(index, node);
|
|
this._doAdd(node);
|
|
this.iterateChildren(node, function (n) {
|
this._doAdd(n);
|
}, this);
|
|
node.__status = status;
|
p.__status = status2;
|
}
|
|
this.endChange('move', { records: nodes, index: index, parentNode: p });
|
|
this.changed = true;
|
},
|
endChange: function (action, event) {
|
|
var data = [];
|
this._createTable(this.children, data);
|
this.source = data;
|
|
this.syncTreeView('action', event);
|
|
Edo.data.DataTree.superclass.endChange.call(this, action, event);
|
},
|
|
filter: function (fn, scope) {
|
//遍历每一个节点,如果true,则生成
|
var view = [];
|
this.filterFn = fn;
|
this._createTree(this.children, -1, 0, view, fn, scope);
|
this.refresh(view, 'filter');
|
},
|
|
findParent: function (node) {
|
//return findParent(this, node);
|
var p = this.getById(node.__pid);
|
if (!p && this.getById(node.__id)) p = this;
|
return p;
|
},
|
findTop: function (node) {
|
while (1) {
|
if (node.__pid == -1) return node;
|
node = this.getById(node.__pid);
|
}
|
},
|
|
getChildAt: function (parentNode, index) {
|
if (parentNode.children) {
|
return parentNode.children[index];
|
}
|
},
|
|
indexOfChild: function (parentNode, node) {
|
if (parentNode.children) {
|
return parentNode.children.indexOf(node);
|
}
|
return -1;
|
},
|
|
isFirst: function (node) {
|
return !node.__preid;
|
},
|
|
isLast: function (node) {
|
return !node.__nextid;
|
},
|
|
isLeaf: function (node) {
|
return !node.children || node.children.length == 0;
|
},
|
getPrev: function (node) {
|
return this.getById(node.__preid);
|
},
|
getNext: function (node) {
|
return this.getById(node.__nextid);
|
},
|
//Returns the path for this node. The path can be used to expand or select this node programmatically.
|
//attr: (可选) 默认的组成路径的属性,默认是__id.
|
getPath: function (node, attr) {
|
|
},
|
|
getDepth: function (node) {
|
return node.__depth;
|
},
|
|
eachChildren: function (node, fn, scope) {
|
var cs = node.children;
|
if (cs) {
|
cs.each(fn, scope);
|
}
|
},
|
|
iterateChildren: function (p, fn, scope) {
|
if (!fn) return;
|
p = p || this;
|
var cs = p.children;
|
if (cs) {
|
for (var i = 0, l = cs.length; i < l; i++) {
|
var c = cs[i];
|
if (fn.call(scope || this, c, i) === false) return;
|
this.iterateChildren(c, fn, scope);
|
}
|
}
|
},
|
|
contains: function (parentNode, childNode) {
|
while (childNode.__pid != -1) {
|
if (childNode.__pid == parentNode.__id) return true;
|
childNode = this.getById(childNode.__pid);
|
}
|
return false;
|
},
|
|
hasChildren: function (node) {
|
return node.children && node.children.length > 0;
|
},
|
|
//将树形结构数据,转换为表格结构(其实是得到source源数据表格)
|
_createTable: function (tree, data) { //是一个树结构的数组
|
|
for (var i = 0, l = tree.length; i < l; i++) {
|
var t = tree[i];
|
|
if (!t.__id) t.__id = Edo.data.DataTable.id++;
|
|
var cs = t.children;
|
|
data[data.length] = t;
|
|
if (cs && cs.length > 0) {
|
this._createTable(cs, data);
|
}
|
}
|
},
|
//得到树形的view数据视图表格, 主要是更新状态
|
_createTree: function (tree, pid, depth, data, fn, scope) {
|
if (!fn) fn = this.filterFn;
|
|
var hasInView = false; //是否有包含在视图内的节点
|
for (var i = 0, l = tree.length; i < l; i++) {
|
var t = tree[i];
|
|
t.__pid = pid;
|
t.__depth = depth;
|
t.__hasChildren = t.children && t.children.length > 0;
|
|
if (typeof (t.expanded) === 'undefined') t.expanded = true;
|
else t.expanded = !!t.expanded;
|
|
//__preid, __nextid
|
t.__preid = t.__nextid = null;
|
if (i != 0) t.__preid = tree[i - 1].__id;
|
if (i != l - 1) t.__nextid = tree[i + 1].__id;
|
|
var next = fn ? fn.call(scope, t, i) : true; //是否继续
|
|
var index = data ? data.length : 0; //保留索引
|
|
if (next !== false) { //如果next不为false,则先加上了
|
if (data) data[index] = t;
|
|
hasInView = true;
|
}
|
var childInView = false;
|
|
if (t.__hasChildren) {
|
//如果确定是不是收缩的,则传递data, 否则传递null
|
childInView = this._createTree(t.children, t.__id, depth + 1, t.expanded !== false ? data : null, fn);
|
}
|
|
if (childInView && next === false) { //如果next为false,但是子元素内有符合条件的, 则插入
|
if (data) data.insert(index, t);
|
|
hasInView = true;
|
}
|
}
|
return hasInView;
|
},
|
isAncestor: function (p, n) {
|
if (!p || !n) return false;
|
while (n) {
|
n = this.findParent(n);
|
if (n == p) return true;
|
}
|
return false;
|
},
|
isDisplay: function (record) {
|
var p = this.findParent(record);
|
if (!p || p == this) return true;
|
|
if (!p.expanded) return false;
|
return this.isDisplay(p);
|
},
|
|
getChildren: function (node, deep) {
|
if (deep) {
|
var children = [];
|
this.iterateChildren(node, function (n) {
|
children.add(n);
|
});
|
return children;
|
} else {
|
return node.children;
|
}
|
}
|
});
|
|
Edo.data.DataTree.regType('datatree');
|
|
//判断n是否是p的子节点
|
Edo.data.DataTree.isAncestor = function (p, n) {
|
if (!p || !n) return false;
|
var cs = p.children;
|
if (cs) {
|
for (var i = 0, l = cs.length; i < l; i++) {
|
var c = cs[i];
|
if (c == n) return true;
|
var r = Edo.data.DataTree.isAncestor(c, n);
|
if (r) return true;
|
}
|
}
|
return false;
|
}
|
|
|
|
Edo.data.ArraytoTree = function (data, id, pid) {
|
var tree = [];
|
|
//建立快速索引
|
var idHash = {};
|
for (var i = 0, l = data.length; i < l; i++) {
|
var o = data[i];
|
idHash[o[id]] = o;
|
}
|
|
//数组转树形
|
for (var i = 0, l = data.length; i < l; i++) {
|
var o = data[i];
|
var p = idHash[o[pid]];
|
if (!p) {
|
tree.push(o);
|
continue;
|
}
|
if (!p.children) {
|
p.children = [];
|
}
|
p.Summary = 1;
|
p.children.push(o);
|
}
|
return tree;
|
}
|
|
|
|
Edo.core.Validator = function () {
|
Edo.core.Validator.superclass.constructor.call(this);
|
};
|
Edo.core.Validator.extend(Edo.core.Component, {
|
|
errorMsg: '错误',
|
|
_setTarget: function (value) {
|
if (typeof value == 'string') value = Edo.get(value);
|
this.target = value;
|
this.bindTarget();
|
},
|
|
_setProperty: function (value) {
|
this.property = value;
|
this.bindTarget();
|
},
|
|
_setValid: function (value) {
|
if (typeof value === 'string') {
|
var fn = Edo.core.Validator[this.validFn.toLowerCase()];
|
if (fn) {
|
value = fn;
|
}
|
}
|
var _ = value;
|
|
if (typeof value !== 'function') {
|
eval('_ = function(value){' + value + '}');
|
}
|
this.validFn = _;
|
},
|
bindTarget: function () {
|
if (this.target && this.property) {
|
this.doBind.defer(100, this); //延迟100毫秒
|
}
|
},
|
doBind: function () {
|
this.target = typeof this.target === 'string' ? window[this.target] : this.target;
|
if (this.target && this.property) {
|
var etype = this.target.validPropertyEvent;
|
this.target.un(etype, this.doValid, this);
|
this.target.on(etype, this.doValid, this);
|
}
|
},
|
doValid: function (e) {
|
var t = this.target;
|
if (!t.autoValid) return;
|
if (t.validPropertyEvent !== 'propertychange' || (e.property == this.property)) {
|
//如果是propertychange事件, 则改变的属性, 必须符合约定
|
//如果不是propertychange事件, 则可以直接获取值, 进行验证
|
var v = t.validPropertyEvent !== 'propertychange' ? e[this.property] : e['value'];
|
|
return this.valid(v, e);
|
}
|
},
|
|
valid: function (v, e) {
|
var t = this.target;
|
if (typeof v == 'undefined') v = t[this.property];
|
if (this.validFn) {
|
var ret = this.validFn.call(this.target, v, e, t);
|
if (ret === true || ret === undefined) {
|
t.fireEvent('valid', {
|
type: 'valid',
|
source: t,
|
property: this.property,
|
value: v
|
});
|
return true;
|
}
|
else {
|
var msg = ret === false ? this.errorMsg : ret;
|
t.fireEvent('invalid', {
|
type: 'invalid',
|
source: t,
|
errorMsg: msg,
|
property: this.property,
|
value: v
|
});
|
return false;
|
}
|
}
|
return true;
|
}
|
});
|
|
//提供一些标准常用的验证逻辑,如邮件,网址,等...
|
Edo.core.Validator.regType('validator');
|
|
Edo.apply(Edo.core.Validator, {
|
//不能为空
|
required: function (v, e, obj) {
|
if (v === undefined || v === '') return false;
|
return true;
|
},
|
//长度限制
|
length: function (v) {
|
var min = Edo.isNumber(this.minLength) ? this.minLength : 0;
|
var max = Edo.isNumber(this.maxLength) ? this.maxLength : 5;
|
if (!Edo.isValue(v)) return false;
|
if (v.length > min && v.length <= max) return true;
|
return "不在" + min + "~" + max + "长度范围内";
|
},
|
//必须是数字
|
number: function (v) {
|
var text = v;
|
var num = parseInt(text);
|
if (num != text) {
|
return "必须输入数字";
|
}
|
var min = this.minValue || 0;
|
var max = Edo.isNumber(this.maxValue) ? this.maxValue : 100;
|
if (num < min || num > max) {
|
return '只能输入' + min + '~' + max + '数值范围';
|
}
|
return true;
|
}
|
});
|
|
Edo.core.Space = function () {
|
Edo.core.Space.superclass.constructor.call(this);
|
};
|
Edo.core.Space.extend(Edo.core.UIComponent, {
|
|
defaultWidth: 0,
|
|
defaultHeight: 0,
|
|
minWidth: 0,
|
|
minHeight: 0,
|
_setHtml: function () { }
|
});
|
|
|
Edo.core.Space.regType('space');
|
|
Edo.core.Split = function () {
|
Edo.core.Split.superclass.constructor.call(this);
|
};
|
Edo.core.Split.extend(Edo.core.UIComponent, {
|
|
defaultWidth: 6,
|
|
defaultHeight: 20,
|
|
minWidth: 6,
|
elCls: 'e-split',
|
getInnerHtml: function (sb) {
|
sb[sb.length] = '<div class="e-split-inner"></div>';
|
},
|
_setHtml: function () { }
|
});
|
|
Edo.core.Split.regType('split');
|
|
Edo.core.HSplit = function () {
|
Edo.core.HSplit.superclass.constructor.call(this);
|
};
|
Edo.core.HSplit.extend(Edo.core.Split, {
|
|
height: 4,
|
|
width: '100%',
|
|
defaultHeight: 4,
|
|
minHeight: 4,
|
|
elCls: 'e-split e-split-v e-div'
|
});
|
|
|
Edo.core.HSplit.regType('hsplit');
|
|
Edo.MessageBox = {
|
OK: ['ok'],
|
CANCEL: ['cancel'],
|
OKCANCEL: ['ok', 'cancel'],
|
YESNO: ['yes', 'no'],
|
YESNOCANCEL: ['yes', 'no', 'cancel'],
|
|
INFO: 'e-messagebox-info',
|
WARNING: 'e-messagebox-warning',
|
QUESTION: 'e-messagebox-question',
|
ERROR: 'e-messagebox-error',
|
DOWNLOAD: 'e-messagebox-download',
|
|
buttonText: {
|
ok: "确定", //"OK",
|
cancel: "取消", //"Cancel",
|
yes: "是", //"Yes",
|
no: "否"//"No"
|
},
|
saveText: '保存中...',
|
|
hide: function (e) {
|
var c = this.config;
|
var hide = true;
|
if (c && e) {
|
|
var progress = Edo.getByName('progress', this.dlg)[0];
|
var text = Edo.getByName('text', this.dlg)[0];
|
var value = progress ? progress.getValue() : null;
|
if (text) {
|
value = text.getValue();
|
}
|
hide = c.callback.call(c.scope, e ? e.source.action || 'cancel' : 'cancel', value);
|
}
|
clearInterval(this.timer);
|
clearTimeout(this.hideTimer);
|
if (this.dlg && hide !== false) this.dlg.hide();
|
},
|
|
show: function (c) {
|
|
var children = c.children;
|
delete c.children;
|
|
Edo.applyIf(c, {
|
autoClose: false, //是否自动关闭
|
closeTime: 3000,
|
enableClose: true,
|
title: '',
|
titleIcon: '',
|
msg: '',
|
width: 'auto',
|
height: 'auto',
|
callback: Edo.emptyFn
|
});
|
clearInterval(this.timer);
|
|
this.config = c;
|
|
if (!this.dlg) {
|
this.dlg = Edo.create({
|
//render: '#body',
|
cls: 'e-dragtitle',
|
type: 'window',
|
minWidth: 180,
|
minHeight: 60,
|
verticalGap: 0,
|
titlebar: [
|
{
|
cls: 'e-titlebar-close',
|
onclick: this.hide.bind(this)
|
}
|
],
|
children: [
|
{
|
type: 'box',
|
width: '100%',
|
border: 0,
|
minHeight: 40,
|
layout: 'horizontal'
|
}, {
|
type: 'ct',
|
width: '100%',
|
layout: 'horizontal',
|
defaultHeight: 28,
|
horizontalAlign: 'center',
|
verticalAlign: 'bottom',
|
horizontalGap: 10
|
}
|
]
|
});
|
|
this.body = this.dlg.getChildAt(0);
|
this.foot = this.dlg.getChildAt(1);
|
}
|
|
var g = this.dlg;
|
g.set(c);
|
|
g.titlebar.getChildAt(0).set('visible', c.enableClose !== false);
|
|
// this.body.removeAllChildren(true);
|
// this.foot.removeAllChildren(true);
|
|
var o = {
|
layout: 'horizontal',
|
children: [
|
{
|
type: 'div',
|
width: 44,
|
height: 35,
|
cls: c.icon,
|
visible: !!c.icon
|
}, {
|
type: 'label',
|
text: c.msg
|
}
|
]
|
};
|
|
if (c.prompt) {
|
o = {
|
layout: 'vertical',
|
verticalGap: 0,
|
children: [
|
{
|
type: 'label',
|
width: '100%',
|
text: c.msg
|
}, {
|
name: 'text',
|
type: c.multiline ? 'textarea' : 'text',
|
text: c.text,
|
width: '100%',
|
minHeight: c.multiline ? 80 : 22
|
}
|
]
|
};
|
|
} else if (c.progress) {
|
o = {
|
layout: 'vertical',
|
verticalGap: 0,
|
children: [
|
{
|
type: 'label',
|
|
text: c.msg
|
}, {
|
name: 'progress',
|
type: 'progress',
|
width: '100%',
|
text: c.progressText || '',
|
progress: c.progressValue || 0
|
}
|
]
|
};
|
}
|
if (c.wait) {
|
var o = {
|
layout: 'horizontal',
|
children: [
|
{
|
type: 'div',
|
width: 44,
|
height: 50,
|
cls: c.icon,
|
visible: !!c.icon
|
},
|
{
|
type: 'ct',
|
width: '100%',
|
height: '100%',
|
children: [
|
{
|
type: 'label',
|
text: c.msg
|
}, {
|
type: 'progress',
|
showText: false,
|
text: c.progressText || '',
|
progress: c.progressValue || 0,
|
width: '100%'
|
}
|
]
|
}
|
|
]
|
};
|
}
|
|
if (children) {
|
o = {
|
children: children
|
}
|
}
|
|
this.body.set(o);
|
|
//var btns =
|
var buttons = c.buttons || [];
|
var btns = [];
|
buttons.each(function (o) {
|
o = typeof o == 'string' ? {
|
type: 'button',
|
text: this.buttonText[o],
|
action: o,
|
minWidth: 70,
|
defaultHeight: 22,
|
onclick: this.hide.bind(this)
|
} : o;
|
|
btns.add(o);
|
|
}, this);
|
|
this.foot.set({
|
visible: btns.length > 0,
|
children: btns
|
});
|
|
if (c.wait) {
|
var p = this.body.getChildAt(1).getChildAt(1);
|
var pi = 0;
|
this.timer = setInterval(function () {
|
pi += 10;
|
p.set({
|
progress: pi
|
});
|
if (pi >= 100) pi = 0;
|
}, c.interval || 200);
|
}
|
|
g.show(c.x, c.y, true);
|
if (c.autoClose) {
|
var closeTime = c.autoClose === true ? c.closeTime : c.autoClose;
|
this.hideTimer = this.hide.defer(closeTime, this);
|
}
|
return this;
|
},
|
|
alert: function (title, msg, callback, scope) {
|
this.show({
|
title: title,
|
msg: msg,
|
buttons: this.OK,
|
callback: callback,
|
scope: scope
|
});
|
return this;
|
},
|
|
confirm: function (title, msg, callback, scope) {
|
this.show({
|
title: title,
|
msg: msg,
|
buttons: this.YESNO,
|
callback: callback,
|
scope: scope,
|
icon: this.QUESTION
|
});
|
return this;
|
},
|
|
prompt: function (title, msg, callback, scope, multiline, text) {
|
this.show({
|
title: title,
|
msg: msg,
|
buttons: this.OKCANCEL,
|
callback: callback,
|
minWidth: 250,
|
scope: scope,
|
prompt: true,
|
multiline: multiline,
|
text: Edo.isValue(text) ? text : ''
|
});
|
return this;
|
},
|
|
updateProgress: function (value, text) {
|
var p = this.body.getChildAt(1);
|
if (p && p.type == 'progress') {
|
p.set({
|
progress: value,
|
text: text
|
});
|
}
|
},
|
|
loading: function (title, msg) {
|
Edo.MessageBox.show({
|
title: title,
|
msg: msg,
|
children: [
|
{
|
type: 'div',
|
cls: 'e-messagebox-wait',
|
width: '100%',
|
height: '100%'
|
}
|
],
|
width: 250
|
});
|
},
|
|
saveing: function (title, msg) {
|
Edo.MessageBox.show({
|
title: title,
|
msg: msg,
|
enableClose: false,
|
progressText: this.saveText,
|
width: 300,
|
wait: true,
|
interval: 200,
|
icon: 'e-messagebox-save'
|
});
|
}
|
};
|
|
|
Edo.core.Module = function () {
|
|
|
|
|
|
Edo.core.Module.superclass.constructor.call(this);
|
};
|
Edo.core.Module.extend(Edo.core.UIComponent, {
|
elCls: 'e-module e-div',
|
|
autoMask: true,
|
|
src: '',
|
_setSrc: function (value) {
|
if (this.src != value) {
|
this.src = value;
|
this.load(value);
|
this.changeProperty('src', value);
|
}
|
},
|
_setHtml: function () { },
|
|
createChildren: function () {
|
Edo.core.Module.superclass.createChildren.apply(this, arguments);
|
if (this.src) {
|
this.load(this.src);
|
}
|
},
|
|
syncSize: function () {
|
Edo.core.Module.superclass.syncSize.call(this);
|
if (this.iframe) {
|
var size = Edo.util.Dom.getSize(this.el, true);
|
this.iframe.style.width = size.width + 'px';
|
this.iframe.style.height = size.height + 'px';
|
}
|
},
|
// doCreateChildWindow: function(){
|
// var cEdo = this.childWindow.Edo;
|
// if(cEdo){
|
// cEdo.create({
|
// type: 'button',
|
// redner: '#body'
|
// });
|
// this.configGet = null;
|
//
|
// this.fireEvent('load',{
|
// type: 'load',
|
// source: sf
|
// });
|
// }else{
|
// this.doCreateChildWindow.defer(100, this);
|
// }
|
// },
|
doLoad: function () {
|
if (this.configGet === false) {
|
doLoad.defer(50, this);
|
return;
|
}
|
|
this.childWindow = this.iframe.contentWindow;
|
|
// if(this.isConfig){ //暂时不支持此功能:以后应该是edo字符串库,直接操作滴
|
// //引用js和css资源,并...从ajax得到配置xml或json
|
// var html = '<html><body><style type="text/css">html,body{width:100%;height:100%;overflow:hidden;}</style></body></html>'+Edo_core_Module_res+'<script type="text/javascript"></script>';
|
// var doc = this.childWindow.document;
|
// doc.open();
|
// doc.write(html);
|
// doc.close();
|
//
|
// this.doCreateChildWindow.defer(100, this);
|
// return;
|
// }
|
|
if (this.autoMask !== false) this.unmask();
|
|
this.fireEvent('load', {
|
type: 'load',
|
source: this,
|
src: this.src,
|
window: this.childWindow
|
});
|
},
|
|
load: function (src, isConfig) {
|
this.src = src;
|
if (!this.el) return false;
|
|
if (this.unload() === false) return;
|
|
if (this.autoMask !== false) this.mask();
|
|
this.src = src;
|
this.isConfig = isConfig;
|
//
|
//debugger
|
var im = this.iframe = document.createElement('iframe');
|
im.frameBorder = 0;
|
//im.scrolling = 'no';
|
im.style.width = (this.realWidth || 0) + 'px';
|
im.style.height = (this.realHeight || 0) + 'px';
|
|
this.el.appendChild(im);
|
|
if (isConfig) {
|
this.configGet = false;
|
var sf = this;
|
Edo.util.Ajax.request({
|
url: src,
|
type: 'get',
|
onSuccess: function (text) {
|
sf.configGet = text;
|
},
|
onFail: function () {
|
throw new Error("没有获得module的配置对象资源");
|
}
|
});
|
//1)ajax src
|
//2)iframe创建
|
//两者都是异步的,所以,需要一个同步
|
} else {
|
setTimeout(function () {
|
im.src = src;
|
}, 10);
|
}
|
|
function checkIFrame() {
|
|
var win = this.iframe.contentWindow;
|
try {
|
if (win && win.document && win.document.readyState == "complete") {
|
this.doLoad();
|
} else {
|
checkIFrame.defer(20, this);
|
}
|
} catch (e) {
|
this.doLoad(false);
|
}
|
}
|
if (isGecko && !isChrome) {
|
var sf = this;
|
im.onload = this.doLoad.bind(this);
|
} else {
|
checkIFrame.defer(20, this);
|
}
|
|
|
//优化
|
//1)xml的获取由module进行
|
//2)同时生成iframe,不需要等iframe加载完毕才进行xml的获取
|
},
|
|
unload: function () {
|
if (this.src && this.iframe) {
|
//卸载不通过,则不进行更换src操作
|
if (this.fireEvent('beforeunload', { type: 'beforeunload', source: this }) === false) return false;
|
|
this.iframe.src = 'javascript:false;'; //'abort:blank';//
|
Edo.util.Dom.remove(this.iframe);
|
this.childWindow = this.src = this.iframe = this.isConfig = null;
|
this.fireEvent('unload', {
|
type: 'unload',
|
source: this
|
});
|
}
|
}
|
});
|
Edo.core.Module.regType('module');
|
Edo.ns('Edo.rpc');
|
Edo.rpc.Client = function (url) {
|
this.url = url;
|
this.createInvokes(Edo.rpc.Client.rpcConfig);
|
Edo.rpc.Client.superclass.constructor.call(this);
|
}
|
Edo.rpc.Client.extend(Edo.core.Component, {
|
url: '',
|
method: 'post',
|
timeout: 0,
|
abort: function (rid) {
|
Edo.util.Ajax.abort(rid);
|
rid = null;
|
},
|
createInvokes: function (classes) {
|
|
for (var clsName in classes) {
|
var clsMap = classes[clsName];
|
var methods = clsMap.methods;
|
|
var d = clsName.split(".");
|
var rootCls = d[0];
|
var o = cls = {};
|
[ ].each.call(d.slice(1), function (v2) {
|
o = o[v2] = o[v2] || {};
|
});
|
|
var sf = this;
|
for (var i = 0, l = methods.length; i < l; i++) {
|
var method = methods[i];
|
var m = function () {
|
var args = [].slice.apply(arguments);
|
return this.client.invoke(this.className, this.methodName, args, this.url || this.client.url);
|
}
|
m.className = clsName;
|
m.methodName = method;
|
m.url = clsMap.url;
|
m.client = this;
|
|
o[method] = m.bind(m);
|
}
|
|
this[rootCls] = cls;
|
}
|
},
|
invoke: function (clazz, method, params, url) {
|
if (!(params instanceof Array)) params = [params];
|
|
var fail = typeof params[params.length - 1] === 'function' ? params.pop() : null;
|
var success = typeof params[params.length - 1] === 'function' ? params.pop() : null;
|
if (fail && !success) {
|
success = fail;
|
fail = null;
|
}
|
|
var async = false;
|
if (success) async = true;
|
|
var result = null;
|
var rid = Edo.util.Ajax.request({
|
url: url || this.url,
|
async: async,
|
type: this.method,
|
params: {
|
'class': clazz,
|
method: method,
|
params: params
|
},
|
onSuccess: function (txt, ajax) {
|
var o = txt;
|
try {
|
o = Edo.util.JSON.decode(txt); //�������SON, �������Ϣ
|
} catch (e) {
|
o = {
|
error: -1,
|
message: txt
|
}
|
}
|
ajax.responseObject = o;
|
if (o.error == 0) {
|
if (success) success(o.result, ajax);
|
} else {
|
if (fail) fail(o.error, o.message, ajax);
|
|
if (async == false) throw o; //���, ���� �����
|
}
|
|
if (async == false) {
|
result = o.result;
|
}
|
},
|
onFail: function (code, ajax) {
|
if (fail) fail(code, ajax.request.responseText, ajax);
|
|
if (async == false) {
|
var error = {
|
error: code,
|
message: ajax.request.responseText
|
};
|
throw error;
|
}
|
}
|
})
|
|
return result === null ? rid : result;
|
}
|
});
|
|
Edo.rpc.Client.rpcConfig = {};
|
Edo.rpc.Client.regService = function (clazz, methods, url) {
|
if (!(methods instanceof Array)) methods = [methods];
|
var cls = this.rpcConfig[clazz];
|
if (!cls) {
|
cls = this.rpcConfig[clazz] = { name: clazz };
|
}
|
cls.url = url;
|
var allMethods = cls["methods"];
|
if (!allMethods) {
|
allMethods = cls["methods"] = [];
|
}
|
|
allMethods.addRange(methods);
|
}
|
|
AJAXRPC_Client = Edo.rpc.Client;
|
|
|
|
Edo.containers.Box = function () {
|
Edo.containers.Box.superclass.constructor.call(this);
|
};
|
Edo.containers.Box.extend(Edo.containers.Container, {
|
|
defaultWidth: 60,
|
|
defaultHeight: 22,
|
|
border: [1, 1, 1, 1],
|
|
padding: [5, 5, 5, 5],
|
|
elCls: 'e-box',
|
|
bodyStyle: '', //bodyStyle
|
|
bodyCls: '',
|
|
getInnerHtml: function (sb) {
|
var box = this._getBox();
|
var lb = this.getLayoutBox(box);
|
|
sb[sb.length] = '<div class="e-box-scrollct ';
|
sb[sb.length] = this.bodyCls;
|
sb[sb.length] = '" style="';
|
sb[sb.length] = this.bodyStyle;
|
sb[sb.length] = ';width:';
|
sb[sb.length] = lb.width;
|
sb[sb.length] = 'px;height:';
|
sb[sb.length] = lb.height;
|
sb[sb.length] = 'px;margin:0px;padding:0px;border:0px;position:absolute;left:';
|
|
sb[sb.length] = lb.x - box.x - this.border[3];
|
sb[sb.length] = 'px;top:';
|
sb[sb.length] = lb.y - box.y - this.border[0];
|
sb[sb.length] = 'px;';
|
sb[sb.length] = ';' + this.doScrollPolicy();
|
|
|
sb[sb.length] = '"></div>';
|
},
|
|
createHtml: function (w, h, appendArray) {
|
this._getBPStyle();
|
|
return Edo.containers.Box.superclass.createHtml.call(this, w, h, appendArray);
|
},
|
|
createChildren: function (el) {
|
Edo.containers.Box.superclass.createChildren.call(this, el);
|
this.scrollEl = this.el.firstChild; //这个操作很耗时 1000个box生成,要耗掉150左右毫秒
|
},
|
measure: function () {
|
Edo.containers.Box.superclass.measure.call(this);
|
|
var b = this.border;
|
var p = this.padding;
|
//1)给得到的布局参考值加上所有的偏移
|
this.realWidth += b[3] + p[3] + b[1] + p[1]; //如果不是绝对设置的,则需要加上偏移
|
this.realHeight += b[0] + p[0] + b[2] + p[2];
|
|
//2)确保操作...
|
this.measureSize();
|
},
|
getLayoutBox: function (box) { //获取容器的布局尺寸!!!要减掉偏移!!!
|
var b = this.border;
|
var p = this.padding;
|
|
box = box || Edo.containers.Box.superclass.getLayoutBox.call(this);
|
box.width = box.width - b[3] - p[3] - b[1] - p[1];
|
box.height = box.height - b[0] - p[0] - b[2] - p[2];
|
box.x += b[3] + p[3];
|
box.y += b[0] + p[0];
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box; //这里的逻辑没问题!!!
|
},
|
syncSize: function () {
|
var w = this.realWidth, h = this.realHeight;
|
|
this.domWidth = w;
|
this.domHeight = h;
|
Edo.containers.Box.superclass.syncSize.call(this);
|
|
},
|
_setBodyCls: function (value) {
|
if (this.bodyCls != value) {
|
this.bodyCls = value;
|
if (this.el) {
|
Edo.util.Dom.addClass(this.scrollEl, value);
|
}
|
this.changeProperty('bodyCls', value);
|
}
|
},
|
_setBodyStyle: function (value) {
|
if (this.bodyStyle != value) {
|
this.bodyStyle = value;
|
if (this.el) {
|
Edo.util.Dom.applyStyles(this.scrollEl, value);
|
}
|
this.changeProperty('bodyStyle', value);
|
}
|
},
|
_getBPStyle: function () {
|
var b = this.border; //, p = this.padding;
|
var style = 'border-left-width:' + b[3] + 'px;border-top-width:' + b[0] + 'px;border-right-width:' + b[1] + 'px;border-bottom-width:' + b[2] + 'px;';
|
//style += 'padding-left:'+ p[0]+'px;padding-top:'+ p[1]+'px;padding-right:'+ p[2]+'px;padding-bottom:'+ p[3]+'px;';
|
this.addStyle(style);
|
},
|
_setBorder: function (value) {
|
value = this._toArray(value);
|
if (!this._checkTheSame(this.border, value)) {
|
this.border = value;
|
this.addStyle(this._getBPStyle());
|
this.relayout('border', value);
|
this.changeProperty('border', value);
|
}
|
},
|
_setPadding: function (value) {
|
value = this._toArray(value);
|
if (!this._checkTheSame(this.padding, value)) {
|
|
this.padding = value;
|
this.addStyle(this._getBPStyle());
|
|
this.relayout('padding', value);
|
this.changeProperty('padding', value);
|
}
|
}
|
});
|
Edo.containers.Box.regType('box');
|
|
Edo.containers.Group = function () {
|
Edo.containers.Group.superclass.constructor.call(this);
|
|
};
|
Edo.containers.Group.extend(Edo.containers.Container, {
|
|
defaultWidth: 60,
|
|
defaultHeight: 22,
|
|
elCls: 'e-group e-ct e-div',
|
|
|
padding: [2, 3, 3, 3],
|
|
syncScrollEl: function (box) {
|
|
//Edo.util.Dom.applyStyles(this.scrollEl, 'border:0px;padding:0px;margin:0px;');
|
if (this.scrollEl != this.el) { //扩展后,scrollEl和el可能不是同一个对象
|
//&& this.mustSyncSize !== false 算了,容器就一直弄吧
|
//trace('<b>syncScrollEl:</b>'+this.id);
|
|
var bx = this._getBox();
|
var left = box.x - bx.x; // - (parseInt(Edo.util.Dom.getStyle(this.scrollEl.parentNode, 'borderLeftWidth')) || 0);
|
var top = box.y - bx.y; // - (parseInt(Edo.util.Dom.getStyle(this.scrollEl.parentNode, 'borderTopWidth')) || 0);
|
if (box.width < 0) box.width = 0;
|
if (box.height < 0) box.height = 0;
|
this.scrollEl.style.width = box.width + 'px';
|
this.scrollEl.style.height = box.height + 'px';
|
}
|
},
|
getHeaderHtml: function () {
|
return '';
|
},
|
getInnerHtml: function (sb) {
|
var p = this.padding;
|
var l = p[3], t = p[0], r = p[1], b = p[2];
|
var h = this.realHeight - t - b;
|
var w = this.realWidth - l - r;
|
var headerHtml = this.getHeaderHtml(sb);
|
sb[sb.length] = '<table cellspacing="0" border="0" cellpadding="0"><tr class="e-group-t"><td class="e-group-tl" style="height:' + t + 'px;width:' + l + 'px;"></td><td class="e-group-tc" style="width:' + w + 'px;">' + headerHtml + '</td><td class="e-group-tr" style="width:' + r + 'px;"></td></tr><tr class="e-group-m"><td class="e-group-ml"></td><td class="e-group-mc"><div class="e-group-body" style="width:' + w + 'px;height:' + h + 'px;"></div></td><td class="e-group-mr"></td></tr><tr class="e-group-b"><td class="e-group-bl" style="height:' + b + 'px;width:' + l + 'px;"></td><td class="e-group-bc"></td><td class="e-group-br" style="width:' + r + 'px;"></td></tr></table>';
|
},
|
createChildren: function (el) {
|
Edo.containers.Group.superclass.createChildren.call(this, el);
|
this.table = this.el.firstChild;
|
this.tc = this.table.rows[0].cells[1];
|
this.mc = this.table.rows[1].cells[1];
|
this.bc = this.table.rows[2].cells[1];
|
this.scrollEl = this.mc.firstChild;
|
|
this.bodyEl = this.mc.firstChild;
|
// this.Group = this.el.firstChild;
|
// this.scrollEl = this.Group.lastChild;
|
// this.legendEl = this.Group.firstChild;
|
// this.checkbox = this.legendEl.firstChild;
|
// this.titleEl = this.legendEl.lastChild;
|
},
|
|
measure: function () {
|
Edo.containers.Group.superclass.measure.call(this);
|
|
this.realWidth += this.padding[1] + this.padding[3];
|
this.realHeight += this.padding[0] + this.padding[2];
|
this.measureSize();
|
},
|
syncSize: function () {
|
Edo.containers.Group.superclass.syncSize.call(this);
|
|
|
var p = this.padding;
|
var t = p[0], r = p[1], b = p[2], l = p[3];
|
var h = this.realHeight - t - b;
|
var w = this.realWidth - l - r;
|
|
this.tc.style.width = w + 'px';
|
|
this.bodyEl.style.width = w + 'px';
|
this.bodyEl.style.width = w + 'px';
|
|
|
},
|
getLayoutBox: function () {
|
var box = Edo.containers.Group.superclass.getLayoutBox.call(this);
|
box.x += this.padding[0];
|
box.y += this.padding[1];
|
box.width -= (this.padding[1] + this.padding[3]);
|
box.height -= (this.padding[0] + this.padding[2]);
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box; //这里的逻辑没问题!!!
|
},
|
_setPadding: function (value) {
|
value = this._toArray(value);
|
if (!this._checkTheSame(this.padding, value)) {
|
var b = this.padding = value;
|
//this.addStyle(this._getBPStyle());
|
|
|
this.relayout('padding', value);
|
this.changeProperty('padding', value);
|
}
|
}
|
});
|
Edo.containers.Group.regType('group');
|
|
Edo.containers.FieldSet = function () {
|
Edo.containers.FieldSet.superclass.constructor.call(this);
|
|
};
|
Edo.containers.FieldSet.extend(Edo.containers.Container, {
|
|
defaultWidth: 80,
|
|
defaultHeight: 20,
|
|
collapseHeight: 18,
|
|
legend: '',
|
|
|
padding: [3, 5, 5, 5],
|
|
elCls: 'e-fieldset e-div',
|
|
getInnerHtml: function (sb) {
|
sb[sb.length] = '<fieldset class="e-fieldset-fieldset"><legend class="e-fieldset-legend">';
|
sb[sb.length] = '<span class="' + (this.enableCollapse ? 'e-fieldset-icon' : '') + '">';
|
sb[sb.length] = this.legend || ' ';
|
sb[sb.length] = '</span></legend><div class="e-fieldset-body" style="';
|
sb[sb.length] = this.doScrollPolicy();
|
sb[sb.length] = '"></div></fieldset>';
|
},
|
createChildren: function (el) {
|
Edo.containers.FieldSet.superclass.createChildren.call(this, el);
|
|
this.fieldset = this.el.firstChild;
|
this.scrollEl = this.fieldset.lastChild;
|
this.legendEl = this.fieldset.firstChild;
|
this.titleEl = this.legendEl.lastChild;
|
},
|
initEvents: function () {
|
Edo.containers.FieldSet.superclass.initEvents.call(this);
|
Edo.util.Dom.on(this.legendEl, 'click', this._onLegendClick, this);
|
},
|
_onLegendClick: function (e) {
|
|
if (this.enableCollapse) {
|
this.toggle();
|
}
|
},
|
syncSize: function () {
|
Edo.containers.FieldSet.superclass.syncSize.apply(this, arguments);
|
|
Edo.util.Dom.setSize(this.fieldset, this.realWidth, this.realHeight);
|
},
|
measure: function () {
|
Edo.containers.FieldSet.superclass.measure.call(this);
|
|
this.realWidth += 2;
|
this.realHeight += 20;
|
|
var p = this.padding;
|
this.realWidth += p[3] + p[1];
|
this.realHeight += p[0] + p[2];
|
|
this.measureSize();
|
},
|
getLayoutBox: function () {
|
var box = Edo.containers.FieldSet.superclass.getLayoutBox.call(this);
|
box.x += 1;
|
box.y += 1;
|
box.width -= 2;
|
box.height -= 20;
|
|
var p = this.padding;
|
box.width = box.width - p[3] - p[1];
|
box.height = box.height - p[0] - p[2];
|
box.x += p[3];
|
box.y += p[0];
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box; //这里的逻辑没问题!!!
|
},
|
_setLegend: function (value) {
|
if (this.legend !== value) {
|
this.legend = value;
|
if (this.el) {
|
this.titleEl.innerText = value;
|
}
|
this.changeProperty('legend', value);
|
}
|
},
|
_setPadding: function (value) {
|
value = this._toArray(value);
|
if (!this._checkTheSame(this.padding, value)) {
|
this.padding = value;
|
this.relayout('padding', value);
|
this.changeProperty('padding', value);
|
}
|
},
|
destroy: function () {
|
Edo.util.Dom.clearEvent(this.legendEl);
|
this.legendEl = null;
|
|
Edo.containers.FieldSet.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.containers.FieldSet.regType('fieldset');
|
|
|
|
Edo.containers.Panel = function () {
|
Edo.containers.Panel.superclass.constructor.call(this);
|
|
//titleclick
|
};
|
Edo.containers.Panel.extend(Edo.containers.Box, {
|
|
collapseHeight: 26,
|
|
collapseWidth: 26,
|
|
minHeight: 22, //当折叠后,此容器不调用measure和doLayout,不操作子元素
|
|
headerHeight: 25,
|
|
title: '',
|
|
titleIcon: '',
|
|
titleCollapse: false,
|
|
titlebar: null,
|
|
elCls: 'e-panel e-box e-div',
|
|
getInnerHtml: function (sb) {
|
var h = this.headerHeight;
|
if (!isBorderBox) {
|
h -= 1;
|
}
|
sb[sb.length] = '<div class="e-panel-header" style="height:' + h + 'px;line-height:' + h + 'px;"><div class="e-panel-title">' + this.doTitle() + '</div><div class="e-titlebar"></div></div>';
|
Edo.containers.Panel.superclass.getInnerHtml.call(this, sb);
|
},
|
initEvents: function () {
|
Edo.containers.Panel.superclass.initEvents.call(this);
|
|
this.on('click', this._onClick, this);
|
},
|
createChildren: function (el) {
|
Edo.containers.Panel.superclass.createChildren.call(this, el);
|
this.scrollEl = this.el.lastChild;
|
|
this.headerCt = this.el.firstChild;
|
this.titleCt = this.headerCt.firstChild;
|
this.titlebarCt = this.headerCt.lastChild;
|
|
if (this.titlebar) {
|
this.titlebar.render(this.titlebarCt);
|
}
|
},
|
measure: function () {
|
Edo.containers.Panel.superclass.measure.call(this);
|
this.realHeight += this.headerHeight;
|
this.measureSize();
|
},
|
getLayoutBox: function () {
|
var box = Edo.containers.Panel.superclass.getLayoutBox.call(this);
|
var hd = this.headerHeight;
|
box.y += hd;
|
box.height -= hd;
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box;
|
},
|
doTitle: function () {
|
var title = "";
|
if (this.titleIcon) title += '<div style="float:left;margin-right:3px;" class="e-panel-titleicon ' + this.titleIcon + '"></div>';
|
if (this.title) title += '<div style="float:left;">' + this.title + '</div>';
|
if (this.titleCt) this.titleCt.innerHTML = title;
|
return title;
|
},
|
_setTitle: function (value) {
|
if (this.title != value) {
|
this.title = value;
|
this.doTitle();
|
this.changeProperty('title', value);
|
}
|
},
|
_setTitleIcon: function (value) {
|
if (this.titleIcon != value) {
|
this.titleIcon = value;
|
this.doTitle();
|
this.changeProperty('titleIcon', value);
|
}
|
},
|
_setHeaderHeight: function (value) {
|
value = parseInt(value);
|
if (isNaN(value)) throw new Error('headerHeight must is Number type');
|
if (this.headerHeight != value) {
|
this.headerHeight = value;
|
|
this.collapseHeight = value + this.border[0];
|
this.relayout('headerHeight', value);
|
}
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
var h = this.headerHeight;
|
if (!isBorderBox) {
|
h -= 1;
|
}
|
if (this.el) {
|
this.headerCt.style.height = h + 'px';
|
this.headerCt.style.lineHeight = h + 'px';
|
}
|
Edo.containers.Panel.superclass.syncSize.call(this);
|
},
|
_setTitlebar: function (value) {
|
if (!(value instanceof Array)) value = [value];
|
value.each(function (o) {
|
var c = o.cls;
|
Edo.apply(o, {
|
type: 'button',
|
simpleButton: true,
|
height: 15,
|
width: 15,
|
minHeight: 15,
|
minWidth: 15,
|
cls: c,
|
overCls: o.overCls || c + '-over',
|
focusCls: o.focusCls || c + '-focus',
|
pressedCls: o.pressedCls || c + '-pressed'
|
});
|
});
|
|
if (this.titlebar) {
|
this.titlebar.destory();
|
}
|
|
this.titlebar = Edo.create({
|
type: 'ct',
|
layout: 'horizontal',
|
horizontalGap: 1,
|
height: 15,
|
children: value,
|
onclick: function (e) {
|
e.stop();
|
}
|
});
|
this.titlebar.owner = this;
|
|
if (this.titlebarCt) {
|
this.titlebar.render(this.titlebarCt);
|
}
|
},
|
_onClick: function (e) {
|
if (e.within(this.headerCt) && this.titleCollapse) {
|
this.toggle();
|
}
|
}
|
|
//// setCollapseProperty: function(value){
|
//// this.collapseProperty = value;
|
//// if(this.el){
|
//// if(value == 'width'){
|
//// //e-collapse-width
|
//// Edo.util.Dom.addClass(this.titleCt, 'e-collapse-width');
|
//// Edo.util.Dom.addClass(this.scrollEl, 'e-collapse-width');
|
//// }else{
|
//// Edo.util.Dom.removeClass(this.titleCt, 'e-collapse-width');
|
//// Edo.util.Dom.removeClass(this.scrollEl, 'e-collapse-width');
|
//// }
|
//// }
|
//// }
|
});
|
|
Edo.containers.Panel.regType('panel', 'dialog');
|
|
Edo.containers.Dialog = Edo.containers.Panel;
|
|
Edo.containers.FormItem = function () {
|
Edo.containers.FormItem.superclass.constructor.call(this);
|
|
};
|
Edo.containers.FormItem.extend(Edo.containers.Box, {
|
|
defaultHeight: 22,
|
|
minHeight: 22,
|
|
border: [0, 0, 0, 0],
|
|
padding: [0, 0, 0, 0],
|
|
|
labelPosition: 'left',
|
|
label: '',
|
|
labelWidth: 60,
|
labelHeight: 22,
|
|
labelAlign: 'left',
|
|
labelCls: '',
|
|
labelStyle: '',
|
|
elCls: 'e-formitem e-box e-div',
|
|
forId: '', //如果没有设置, 可以focus第一个child
|
|
measure: function () {
|
Edo.containers.FormItem.superclass.measure.call(this);
|
if (this.labelPosition == 'left' || this.labelPosition == 'right') {
|
this.realWidth += this.labelWidth;
|
} else {
|
this.realHeight += this.labelHeight;
|
}
|
|
this.measureSize();
|
},
|
getLayoutBox: function () {
|
var box = Edo.containers.FormItem.superclass.getLayoutBox.call(this);
|
|
switch (this.labelPosition) {
|
case "top":
|
box.y += this.labelHeight;
|
box.height -= this.labelHeight;
|
break;
|
case "right":
|
box.width -= this.labelWidth;
|
break;
|
case "bottom":
|
box.height -= this.labelHeight;
|
break;
|
case "left":
|
box.x += this.labelWidth;
|
box.width -= this.labelWidth;
|
break;
|
}
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box;
|
},
|
|
doLabel: function () {
|
if (this.el) {
|
this.labelCt.innerHTML = '<div style="float:' + this.labelAlign + ';">' + this.label + '</div>';
|
}
|
},
|
_setLabel: function (value) {
|
if (this.label != value) {
|
this.label = value;
|
this.doLabel();
|
}
|
},
|
_setLabelAlign: function (value) {
|
if (this.labelAlign != value) {
|
this.labelAlign = value;
|
this.doLabel();
|
}
|
},
|
_setLabelPosition: function (value) {
|
if (this.labelPosition != value) {
|
this.labelPosition = value;
|
this.relayout('labelPosition', value);
|
}
|
},
|
_setLabelStyle: function (value) {
|
if (this.labelStyle != value) {
|
this.labelStyle = value;
|
if (this.labelCt) Edo.util.Dom.applyStyles(this.labelCt, value);
|
}
|
},
|
_setLabelCls: function (value) {
|
if (this.labelCls != value) {
|
this.labelCls = value;
|
Edo.util.Dom.addClass(this.labelCt, this.labelCls);
|
}
|
},
|
_setLabelWidth: function (value) {
|
value = parseInt(value);
|
if (isNaN(value)) throw new Error('labelWidth must is Number type');
|
if (this.labelWidth != value) {
|
this.labelWidth = value;
|
|
this.relayout('labelWidth', value);
|
}
|
},
|
_setForId: function (value) {
|
|
if (this.forId != value) {
|
this.forId = value;
|
|
var cmp = Edo.getCmp(value);
|
if (cmp) {
|
//点击事件,激发cmp的focus方法.
|
|
//获取cmp的focusEl,设置htmlFor
|
} else {
|
this.labelCt.dom.htmlFor = value;
|
}
|
}
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
Edo.containers.FormItem.superclass.syncSize.call(this);
|
|
var box = this.getLayoutBox();
|
var w = this.labelWidth, h = this.labelHeight;
|
var style = 'top:auto;right:auto;bottom:auto;left:auto;';
|
switch (this.labelPosition) {
|
case "top":
|
w = box.width;
|
style += 'left:' + this.padding[3] + 'px;top:' + this.padding[0] + 'px';
|
break;
|
case "right":
|
h = box.height;
|
style += 'right:' + this.padding[1] + 'px;top:' + this.padding[0] + 'px';
|
break;
|
case "bottom":
|
w = box.width;
|
style += 'left:' + this.padding[3] + 'px;bottom:' + this.padding[2] + 'px';
|
break;
|
case "left":
|
h = box.height;
|
style += 'left:' + this.padding[3] + 'px;top:' + this.padding[0] + 'px';
|
break;
|
}
|
|
Edo.util.Dom.setSize(this.labelCt, w, h);
|
Edo.util.Dom.applyStyles(this.labelCt, style);
|
},
|
getInnerHtml: function (sb) {
|
sb[sb.length] = '<label for="' + this.forId + '" class="e-formitem-label ' + this.labelCls + '" style="overflow:hidden;text-align:' + this.labelAlign + ';' + this.labelStyle + ';">' + this.label + '</label>';
|
Edo.containers.Panel.superclass.getInnerHtml.call(this, sb);
|
},
|
createChildren: function (el) {
|
Edo.containers.FormItem.superclass.createChildren.call(this, el);
|
this.scrollEl = this.el.lastChild;
|
|
this.labelCt = this.el.firstChild;
|
}
|
});
|
|
Edo.containers.FormItem.regType('formitem');
|
|
Edo.containers.Application = function () {
|
Edo.containers.Application.superclass.constructor.call(this);
|
};
|
Edo.containers.Application.extend(Edo.containers.Box, {
|
fireTimer: null,
|
|
|
minWidth: 400,
|
|
minHeight: 200,
|
|
elCls: 'e-app e-box e-div',
|
|
notHasParent: 'the app module cannot have the father object',
|
|
initEvents: function () {
|
if (!this.design) {
|
if (this.parent) throw new Error(this.notHasParent);
|
Edo.util.Dom.on(window, 'resize', function (e) {
|
|
//if(isIE){
|
if (this.fireTimer) clearTimeout(this.fireTimer);
|
this.fireTimer = this.onWindowResize.defer(100, this, [e]);
|
// }else{
|
// this.onWindowResiz(e);
|
// }
|
}, this);
|
}
|
Edo.containers.Application.superclass.initEvents.call(this);
|
},
|
measure: function () {
|
//if(this.id == 'design_app') debugger
|
if (!this.design) this.syncViewSize();
|
Edo.containers.Application.superclass.measure.call(this);
|
},
|
syncViewSize: function () {
|
var dh = Edo.util.Dom, doc = document;
|
|
|
var w = dh.getViewWidth(doc);
|
var h = dh.getViewHeight(doc);
|
|
this.width = w;
|
this.height = h;
|
|
|
},
|
onWindowResize: function (e) {
|
|
this.syncViewSize();
|
|
this.relayout('size', this);
|
|
this.fireTimer = null;
|
},
|
// render: function(dom){
|
// if(!this.design) dom = '#body';
|
// Edo.containers.Application.superclass.render.call(this, dom);
|
// },
|
destroy: function () {
|
//DomHelper.clearEvent(window);
|
Edo.containers.Application.superclass.destroy.call(this);
|
}
|
});
|
Edo.containers.Application.regType('app');
|
|
Edo.containers.Window = function () {
|
Edo.containers.Window.superclass.constructor.call(this);
|
};
|
Edo.containers.Window.extend(Edo.containers.Panel, {
|
|
renderTo: '#body',
|
|
shadow: true,
|
|
minWidth: 180,
|
|
minHeight: 80,
|
|
//elCls: 'e-window e-dialog e-group',
|
|
initEvents: function () {
|
Edo.containers.Window.superclass.initEvents.call(this);
|
|
this.on('mousedown', this.onMouseDown, this);
|
},
|
|
onMouseDown: function (e) {
|
if (e.within(this.headerCt)) {
|
Edo.managers.DragManager.startDrag({
|
event: e,
|
delay: 0,
|
capture: false,
|
autoDragDrop: true,
|
proxy: true,
|
proxyCls: 'e-dragdrop-proxy',
|
dragObject: this
|
});
|
}
|
this.focus();
|
},
|
|
show: function (x, y, modal) {
|
this.render(this.renderTo);
|
this.addCls('e-drag-title');
|
Edo.managers.PopupManager.createPopup({
|
target: this,
|
x: x,
|
y: y,
|
modal: modal
|
});
|
return this;
|
},
|
|
hide: function () {
|
this.set('visible', false);
|
Edo.managers.PopupManager.removePopup(this);
|
return this;
|
}
|
});
|
|
Edo.containers.Window.regType('window');
|
|
|
Edo.navigators.Navigator = function () {
|
Edo.navigators.Navigator.superclass.constructor.call(this);
|
|
//titleclick
|
};
|
Edo.navigators.Navigator.extend(Edo.containers.Box, {
|
|
layout: 'horizontal',
|
scrollOffset: 30,
|
|
startVisible: true,
|
endVisible: true,
|
startWidth: 18,
|
startHeight: 18,
|
endWidth: 18,
|
endHeight: 18,
|
startCls: '',
|
endCls: '',
|
|
elCls: 'e-nav e-box e-ct e-div',
|
|
//导航容器,滚动条必须设置为off
|
|
horizontalScrollPolicy: 'off',
|
|
verticalScrollPolicy: 'off',
|
|
//这里不加measure应该是对的
|
// measure: function(){
|
// Edo.navigators.Navigator.superclass.measure.call(this);
|
// if(this.startVisible){
|
// if(this.layout == 'horizontal'){
|
// this.realWidth += this.startWidth;
|
// }else if(this.layout == 'vertical'){
|
// this.realHeight += this.startHeight;
|
// }
|
// }
|
// if(this.endVisible){
|
// if(this.layout == 'horizontal'){
|
// this.realWidth += this.endWidth;
|
// }else if(this.layout == 'vertical'){
|
// this.realHeight += this.endHeight;
|
// }
|
// }
|
// this.measureSize();
|
// },
|
getNavLayoutBox: function () {
|
//var box = Edo.navigators.Navigator.superclass.getLayoutBox.call(this);
|
var box = this.getLayoutBox();
|
if (this.startVisible) {
|
if (this.layout == 'horizontal') {
|
box.x += this.startWidth;
|
box.width -= this.startWidth;
|
} else if (this.layout == 'vertical') {
|
box.y += this.startHeight;
|
box.height -= this.startHeight;
|
}
|
}
|
if (this.endVisible) {
|
if (this.layout == 'horizontal') {
|
box.width -= this.endWidth;
|
} else if (this.layout == 'vertical') {
|
box.height -= this.endHeight;
|
}
|
}
|
// if(this.navBarWidthGet){
|
// box.x += this.buttonWidth;
|
// box.width -= this.buttonWidth * 2;
|
// this.navBarWidthGet = false;
|
// }
|
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box;
|
},
|
syncSize: function () {
|
Edo.navigators.Navigator.superclass.syncSize.call(this);
|
|
//如果超出滚动条,则...
|
var dom = this.scrollEl;
|
var doNav = false;
|
if (this.layout == 'horizontal' && dom.scrollWidth > dom.clientWidth) {
|
doNav = true;
|
} else if (this.layout == 'vertical' && dom.scrollHeight > dom.clientHeight) {
|
doNav = true;
|
}
|
if (doNav) {
|
var box = this.getNavLayoutBox();
|
this.syncScrollEl(box);
|
|
if (this.startVisible) {
|
var left = box.x, top = box.y, w = this.startWidth, h = this.startHeight;
|
if (this.layout == 'horizontal') {
|
left -= (this.startWidth + this.padding[3]);
|
h = box.height;
|
}
|
if (this.layout == 'vertical') {
|
top -= (this.startHeight + this.padding[0]);
|
w = box.width;
|
}
|
this.startButton._setBox({
|
x: left,
|
y: top,
|
width: w,
|
height: h
|
});
|
//this.startButton._setVisible(true);
|
} else {
|
//this.startButton._setVisible(false);
|
}
|
if (this.endVisible) {
|
var left = box.x, top = box.y, w = this.endWidth, h = this.endHeight;
|
if (this.layout == 'horizontal') {
|
left += box.width + this.padding[1];
|
h = box.height;
|
}
|
if (this.layout == 'vertical') {
|
top += box.height + this.padding[2];
|
w = box.width;
|
}
|
|
this.endButton._setBox({
|
x: left,
|
y: top,
|
width: w,
|
height: h
|
});
|
//this.endButton._setVisible(true);
|
} else {
|
//this.endButton._setVisible(false);
|
}
|
} else {
|
this.startButton.el.style.left = '-300px';
|
this.endButton.el.style.left = '-300px';
|
this.startButton.el.style.position = 'absolute';
|
this.endButton.el.style.position = 'absolute';
|
// this.startButton._setVisible(false);
|
// this.endButton._setVisible(false);
|
}
|
|
},
|
createChildren: function (el) {
|
Edo.navigators.Navigator.superclass.createChildren.call(this, el);
|
// this.endButtonCt = this.el.lastChild;
|
// this.startButtonCt = this.endButtonCt.previousSibling;
|
|
this.startButton = Edo.create({
|
type: 'button',
|
icon: 'e-nav-start',
|
minHeight: 5,
|
//simpleButton: true,
|
onclick: this.preScrollView.bind(this),
|
render: this.el
|
});
|
this.endButton = Edo.create({
|
icon: 'e-nav-end',
|
minHeight: 5,
|
type: 'button',
|
//simpleButton: true,
|
onclick: this.nextScrollView.bind(this),
|
render: this.el
|
});
|
},
|
_setHorizontalScrollPolicy: function (value) {
|
this.horizontalScrollPolicy = 'off';
|
},
|
_setVerticalScrollPolicy: function (value) {
|
this.verticalScrollPolicy = 'off';
|
},
|
// _onButtonClick: function(e){
|
// var offset = 0;
|
// var sp = this.layout == 'horizontal' ? 'scrollLeft' : 'scrollTop';
|
// if(this.startButton == e.source){
|
// offset = -30;
|
// }else{
|
// offset = 30;
|
// }
|
// this.scrollEl[sp] += offset;
|
// },
|
preScrollView: function () {
|
var sp = this.layout == 'horizontal' ? 'scrollLeft' : 'scrollTop';
|
this.scrollEl[sp] -= this.scrollOffset;
|
},
|
nextScrollView: function () {
|
var sp = this.layout == 'horizontal' ? 'scrollLeft' : 'scrollTop';
|
this.scrollEl[sp] += this.scrollOffset;
|
}
|
});
|
|
Edo.navigators.Navigator.regType('navigator', 'nav');
|
|
Edo.navigators.Menu = function () {
|
Edo.navigators.Menu.superclass.constructor.call(this);
|
|
};
|
Edo.navigators.Menu.extend(Edo.navigators.Navigator, {
|
|
layout: 'vertical',
|
|
minWidth: 40,
|
minHeight: 20,
|
defaultHeight: 20,
|
|
defaultWidth: 100,
|
|
verticalGap: 0,
|
|
padding: [1, 1, 1, 1],
|
|
startWidth: 8,
|
startHeight: 8,
|
endWidth: 8,
|
endHeight: 8,
|
|
|
autoHide: false,
|
|
elCls: 'e-box e-menu ', //e-toolbar e-toolbar-over
|
|
initEvents: function () {
|
this.on('click', this._onClick, this);
|
|
Edo.navigators.Menu.superclass.initEvents.call(this);
|
},
|
_onClick: function (e) {
|
var oi = this.overItem;
|
|
if (!oi && this.layout == 'horizontal') {
|
return;
|
}
|
|
if (this.autoHide) {
|
this.hideMenu();
|
}
|
},
|
hideMenu: function () {
|
Edo.managers.PopupManager.removePopup(this);
|
|
if (this.owner && this.owner.type == 'button') {
|
this.owner.hidePopup();
|
|
|
if (this.owner.parent && this.owner.parent.type == "menu") {
|
this.owner.parent.hideMenu();
|
}
|
}
|
},
|
_onChildOver: function (e) {
|
var btn = e.source;
|
var oi = this.overItem;
|
if (!oi && this.layout == 'horizontal') {
|
return;
|
}
|
|
this.showMenu(btn);
|
},
|
_onChildClick: function (e) {
|
var btn = e.source;
|
var oi = this.overItem;
|
|
if (!oi && this.layout == 'horizontal') {
|
this.showMenu(e.source);
|
}
|
|
},
|
showMenu: function (btn) {
|
var oi = this.overItem;
|
if (oi && oi.menu) {
|
oi.hidePopup();
|
}
|
|
this.overItem = btn;
|
if (btn.menu) {
|
var box = btn._getBox(true);
|
if (this.layout == 'vertical') {
|
btn.showPopup(box.x + box.width, box.y, false, null, -btn.realWidth, btn.realHeight);
|
} else {
|
btn.showPopup();
|
}
|
//btn.menu.hideMenu();
|
}
|
},
|
_onChildPopupHide: function (e) {
|
this.overItem = null;
|
},
|
addChildAt: function () {
|
var o = arguments[1];
|
if (this.layout == 'vertical') {
|
o.width = '100%';
|
o.icon = o.icon || ' ';
|
if (o.menu) o.arrowMode = 'menu';
|
else o.arrowMode = null;
|
}
|
o.showMenu = false;
|
|
var c = Edo.navigators.Menu.superclass.addChildAt.apply(this, arguments);
|
c.on('mouseover', this._onChildOver, this);
|
c.on('click', this._onChildClick, this);
|
c.on('popuphide', this._onChildPopupHide, this);
|
|
return c;
|
}
|
});
|
Edo.navigators.Menu.regType('menu');
|
|
Edo.navigators.ToggleBar = function (config) {
|
|
|
|
|
|
Edo.navigators.ToggleBar.superclass.constructor.call(this);
|
};
|
Edo.navigators.ToggleBar.extend(Edo.navigators.Navigator, {
|
componentMode: 'control',
|
valueField: 'selectedIndex',
|
|
selectedIndex: -1,
|
|
selectedItem: null,
|
|
selectedCls: 'e-togglebar-selected',
|
|
elCls: 'e-togglebar e-nav e-box e-ct e-div',
|
|
addChildAt: function (index, c) {
|
var c = Edo.navigators.ToggleBar.superclass.addChildAt.apply(this, arguments);
|
c.on('click', this._onChildrenClick, this);
|
return c;
|
},
|
removeChildAt: function (index) {
|
var c = Edo.navigators.ToggleBar.superclass.removeChildAt.apply(this, arguments);
|
|
if (index == this.selectedIndex) {
|
var child = this.getChildAt(index);
|
if (!child) {
|
child = this.getChildAt(index - 1);
|
}
|
if (child) {
|
this.set('selectedItem', child);
|
} else {
|
this._setSelectedIndex(-1);
|
}
|
}
|
|
return c;
|
},
|
|
_setSelectedItem: function (value) {
|
var index = this.children.indexOf(value);
|
if (index != -1 && value != this.selectedItem) {
|
this.selectedIndex = -1;
|
}
|
this._setSelectedIndex(index);
|
},
|
_setSelectedIndex: function (value) {
|
|
if (!this.rendered) {
|
this.selectedIndex = value;
|
return;
|
}
|
if (value < 0) {
|
value = -1;
|
}
|
if (value >= this.children.length) {
|
value = this.children.length - 1;
|
}
|
if (this.selectedIndex === value) return;
|
|
if (this.fireEvent('beforeselectionchange', {
|
type: 'beforeselectionchange',
|
source: this,
|
selectedIndex: value
|
}) !== false) {
|
this.selectedIndex = value;
|
this.children.each(function (o, i) {
|
if (i == value) {
|
o.set('pressed', true);
|
o.addCls(this.selectedCls);
|
}
|
else {
|
o.set('pressed', false);
|
o.removeCls(this.selectedCls);
|
}
|
}, this);
|
|
this.selectedItem = this.getDisplayChildren()[value];
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this,
|
index: this.selectedIndex,
|
selectedIndex: this.selectedIndex
|
});
|
|
this.changeProperty('selectedIndex', value);
|
this.el.style.visible = 'hidden';
|
//this.el.style.display = 'none';
|
this.relayout('selectedIndex');
|
}
|
},
|
_onChildrenClick: function (e) {
|
var index = this.children.indexOf(e.source);
|
if (index != this.selectedIndex) {
|
this._setSelectedIndex(index);
|
}
|
},
|
render: function () {
|
Edo.navigators.ToggleBar.superclass.render.apply(this, arguments);
|
var index = this.selectedIndex;
|
delete this.selectedIndex;
|
this._setSelectedIndex(index);
|
}
|
});
|
|
Edo.navigators.ToggleBar.regType('togglebar');
|
|
|
Edo.navigators.TabBar = function (config) {
|
Edo.navigators.TabBar.superclass.constructor.call(this);
|
|
};
|
|
Edo.navigators.TabBar.extend(Edo.navigators.ToggleBar, {
|
|
|
defaultHeight: 25,
|
|
border: [1, 1, 1, 1],
|
|
padding: [2, 5, 2, 5],
|
|
width: '100%',
|
|
verticalAlign: 'bottom',
|
|
horizontalGap: 3,
|
|
minHeight: 17,
|
|
selectedCls: 'e-tabbar-selected',
|
itemCls: 'e-tabbar-item', //这个本来是为了做button的加粗效果,现在缓一缓,后续在做.主要是button的动态生成获取坐标,破坏了样式影响性!这是一个"框架级"的"严重"问题.
|
|
elCls: 'e-tabbar e-togglebar e-nav e-box e-ct e-div',
|
//selectedIndex: -1,
|
|
|
position: 'top',
|
|
_setPosition: function (value) {
|
if (this.position != value) {
|
this.position = value;
|
switch (value) {
|
case 'top':
|
this.verticalAlign = 'bottom';
|
break;
|
case 'bottom':
|
this.verticalAlign = 'top';
|
break;
|
case 'left':
|
this.horizontalAlign = 'right';
|
break;
|
case 'right':
|
this.horizontalAlign = 'left';
|
break;
|
}
|
|
this.changeProperty('position', this.position);
|
this.relayout('position', this);
|
}
|
},
|
|
getInnerHtml: function (sb) {
|
this.elCls += ' e-tabbar';
|
this.elCls += ' e-tabbar-' + this.position;
|
|
Edo.navigators.TabBar.superclass.getInnerHtml.call(this, sb);
|
sb[sb.length] = '<div class="e-tabbar-line"></div>';
|
},
|
createChildren: function (el) {
|
Edo.navigators.TabBar.superclass.createChildren.call(this, el);
|
this.stripEl = Edo.util.Dom.append(this.scrollEl, '<div class="e-tabbar-line-strip"></div>');
|
this.lineEl = this.scrollEl.nextSibling;
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
Edo.navigators.TabBar.superclass.syncSize.call(this);
|
|
//this.doSyncLine.defer(100, this);
|
this.doSyncLine();
|
},
|
doSyncLine: function () {
|
var box = this._getBox(true);
|
var scrollBox = Edo.util.Dom.getBox(this.scrollEl);
|
|
var selBox = this.selectedItem ? this.selectedItem._getBox(true) : { x: 0, y: 0, width: 0, height: 0, right: 0, bottom: 0 };
|
switch (this.position) {
|
case "top":
|
selBox.x += 1;
|
selBox.y = selBox.bottom - 1;
|
selBox.width -= 2;
|
selBox.height = 1;
|
|
box.y = scrollBox.bottom - 1;
|
box.height = 5; //box.bottom - scrollBox.bottom;
|
break;
|
case "bottom":
|
selBox.x += 1;
|
selBox.width -= 2;
|
selBox.height = 1;
|
|
box.height = scrollBox.y - box.y + 1;
|
break;
|
case "left":
|
selBox.x = selBox.right - 1;
|
selBox.width = 1;
|
selBox.y += 1;
|
selBox.height -= 2;
|
|
box.x = scrollBox.right - 1;
|
box.width = 5; //box.right - scrollBox.right;
|
break;
|
case "right":
|
selBox.y += 1;
|
selBox.height -= 2;
|
selBox.width = 1;
|
|
//box.x = selBox.right-1;
|
box.width = scrollBox.x - box.x + 1;
|
|
|
}
|
Edo.util.Dom.setBox(this.stripEl, {
|
x: selBox.x,
|
y: selBox.y,
|
width: selBox.width,
|
height: selBox.height
|
});
|
|
Edo.util.Dom.setBox(this.lineEl, box);
|
},
|
addChildAt: function () {
|
var a = arguments[1];
|
if (this.position == 'top' || this.position == 'bottom') {
|
a.height = "100%";
|
//a.autoHeight = false;
|
} else {
|
a.width = "100%";
|
//a.autoWidth = false;
|
}
|
var c = Edo.navigators.TabBar.superclass.addChildAt.apply(this, arguments);
|
c.addCls('e-tabbar-item');
|
return c;
|
}
|
});
|
|
Edo.navigators.TabBar.regType('tabbar');
|
|
Edo.navigators.VTabBar = function (config) {
|
Edo.navigators.VTabBar.superclass.constructor.call(this);
|
|
};
|
|
Edo.navigators.VTabBar.extend(Edo.navigators.TabBar, {
|
|
width: 'auto',
|
|
height: '100%',
|
|
verticalAlign: 'top',
|
|
horizontalAlign: 'left',
|
|
defaultWidth: 22,
|
|
defaultHeight: 60,
|
|
position: 'left',
|
|
layout: 'vertical',
|
|
padding: [2, 2, 2, 3],
|
verticalGap: 2
|
});
|
Edo.navigators.VTabBar.regType('vtabbar');
|
|
Edo.navigators.PagingBar = function (config) {
|
|
Edo.navigators.PagingBar.superclass.constructor.call(this);
|
|
|
};
|
Edo.navigators.PagingBar.extend(Edo.containers.Box, {
|
componentMode: 'control',
|
elCls: 'e-pagingbar e-box e-ct e-div',
|
|
size: 20,
|
|
index: 0,
|
|
total: -1,
|
|
totalPage: -1,
|
loading: false,
|
|
autoPaging: false, //创建成功,自动激发分页
|
|
totalTpl: '第 <input class="e-pagingbar-input" onchange="<%=this.id%>.change(parseInt(this.value)-1, <%=this.size%>);" onkeydown="if(event.keyCode==13) <%=this.id%>.change(parseInt(this.value)-1, <%=this.size%>);" type="text" value="<%=this.index+1%>"/> / <%=this.totalPage%>页, 每页<input onchange="<%=this.id%>.change(<%=this.index%>, this.value);" onkeydown="if(event.keyCode==13) <%=this.id%>.change(<%=this.index%>, this.value);" class="e-pagingbar-input" type="text" value="<%=this.size%>"/>条, 共<%=this.total%>条',
|
|
layout: 'horizontal',
|
layout: 'horizontal',
|
border: [0, 0, 0, 0],
|
padding: [0, 0, 0, 0],
|
|
barVisible: true,
|
|
infoVisible: true,
|
|
_setSize: function (v) {
|
this.size = v;
|
},
|
init: function () {
|
var pager = this;
|
this.set({
|
verticalAlign: 'middle',
|
'children': [
|
{
|
name: 'barct', type: 'ct', layout: 'horizontal', horizontalGap: 0, verticalAlign: 'middle', height: '100%',
|
children: [
|
{
|
type: 'button',
|
name: 'first',
|
defaultHeight: 16,
|
icon: 'e-page-first',
|
onclick: this.doFirst.bind(this)
|
},
|
{
|
type: 'button',
|
name: 'pre',
|
defaultHeight: 16,
|
icon: 'e-page-pre',
|
onclick: this.doPre.bind(this)
|
},
|
{
|
type: 'button',
|
name: 'next',
|
defaultHeight: 16,
|
icon: 'e-page-next',
|
onclick: this.doNext.bind(this)
|
},
|
{
|
type: 'button',
|
name: 'last',
|
defaultHeight: 16,
|
icon: 'e-page-last',
|
onclick: this.doLast.bind(this)
|
}
|
]
|
},
|
{
|
type: 'button',
|
name: 'refresh',
|
defaultHeight: 16,
|
icon: 'e-icon-refresh',
|
onclick: this.doRefresh.bind(this)
|
},
|
{
|
type: 'button',
|
name: 'nowait',
|
defaultHeight: 16,
|
icon: 'e-page-nowait'
|
},
|
{
|
type: 'space', name: 'space', width: '100%'
|
},
|
{
|
name: 'infoct', type: 'ct', layout: 'horizontal', verticalAlign: 'middle',
|
children: [
|
// {
|
// type: 'text',
|
// name: 'index',
|
// textStyle: 'text-align:center',
|
// text: '1',
|
// width: 25,
|
// ontextchange: function(e){
|
// // var index = parseInt(this.text);
|
// // if(isNaN(index)){
|
// // alert("只能输入数字");
|
// // this.set('text', pager.index);
|
// // return;
|
// // }
|
// // pager.change(index);
|
// }
|
// },
|
{
|
type: 'label',
|
name: 'view'
|
}
|
]
|
}
|
]
|
});
|
Edo.navigators.PagingBar.superclass.init.apply(this, arguments);
|
|
var sf = this;
|
function get(name) {
|
return Edo.getByName(name, sf)[0];
|
}
|
|
var btns = this.children;
|
this.firstBtn = get("first");
|
this.preBtn = get("pre");
|
this.nextBtn = get("next");
|
this.lastBtn = get("last");
|
|
this.refreshBtn = get("refresh");
|
this.loadBtn = get("nowait");
|
|
//this.indexText = get("index");
|
//this.sizeText = get("size");
|
this.viewText = get("view");
|
//
|
this.barCt = get('barct');
|
this.infoCt = get('infoct');
|
|
this.space = get('space');
|
|
this.barCt.set('visible', this.barVisible);
|
this.infoCt.set('visible', this.infoVisible);
|
|
if (this.autoPaging) {
|
this.change.defer(this.padingDelay, this);
|
}
|
},
|
padingDelay: 100,
|
doFirst: function (e) {
|
this.change(0);
|
},
|
doPre: function (e) {
|
this.change(this.index - 1);
|
},
|
doNext: function (e) {
|
this.change(this.index + 1);
|
},
|
doLast: function (e) {
|
this.change(this.totalPage - 1);
|
},
|
doRefresh: function (e) {
|
this.change();
|
},
|
|
change: function (index, size, params) {
|
index = parseInt(index);
|
size = parseInt(size);
|
var e = {
|
type: 'beforepaging',
|
source: this,
|
index: Edo.isValue(index) ? index : this.index,
|
size: Edo.isValue(size) ? size : this.size,
|
params: params
|
}
|
|
if (this.fireEvent('beforepaging', e) !== false) {
|
|
this.index = e.index;
|
this.size = e.size;
|
|
this.compute();
|
|
this.loading = true;
|
this.refresh();
|
|
e.type = 'paging';
|
this.fireEvent('paging', e);
|
}
|
|
},
|
compute: function (index, size, total) {
|
if (Edo.isValue(index)) this.index = index;
|
if (Edo.isValue(size)) this.size = size;
|
if (Edo.isValue(total)) this.total = total;
|
this.totalPage = parseInt(this.total / this.size) + (this.total % this.size ? 1 : 0);
|
//this.totalPage -= 1;
|
|
if (this.index >= this.totalPage - 1) {
|
this.index = this.totalPage - 1;
|
}
|
if (this.index < 0) this.index = 0;
|
},
|
|
refresh: function (total) {
|
if (Edo.isValue(total)) {
|
this.total = total;
|
}
|
//根据当前的分页数据,更新按钮状态(可用/不可用等..)
|
|
this.compute();
|
|
//loading
|
if (this.inited) {
|
this.firstBtn.set('enable', this.index != 0);
|
this.preBtn.set('enable', this.index != 0);
|
|
this.nextBtn.set('enable', !(this.totalPage == 0) && this.index != this.totalPage - 1);
|
this.lastBtn.set('enable', !(this.totalPage == 0) && this.index != this.totalPage - 1);
|
|
this.viewText.set('text', '');
|
this.viewText.set('text', new Edo.util.Template(this.totalTpl).run(this));
|
|
this.loadBtn.set('icon', this.loading ? 'e-page-wait' : 'e-page-nowait');
|
|
this.loading = false;
|
}
|
}
|
});
|
|
Edo.navigators.PagingBar.regType('pagingbar');
|
Edo.navigators.PagingBar.prototype.refreshView = Edo.navigators.PagingBar.prototype.refresh;
|
|
|
Edo.controls.Button = function () {
|
|
|
|
|
//arrowclick
|
Edo.controls.Button.superclass.constructor.call(this);
|
}
|
Edo.controls.Button.extend(Edo.controls.Control, {
|
enableForm: false,
|
|
simpleButton: false,
|
|
autoWidth: true,
|
autoHeight: true,
|
|
defaultWidth: 18,
|
|
defaultHeight: 21,
|
height: 21,
|
|
minWidth: 20,
|
|
minHeight: 18,
|
|
showMenu: true,
|
|
popupWidth: 110,
|
|
//widthGeted: false,//当width为auto的时候,是不是要获取dom的宽度
|
|
text: '',
|
|
icon: '',
|
|
iconAlign: 'left',
|
|
arrowMode: '', //menu, split, close
|
|
arrowAlign: 'right',
|
|
//使用enableClose: true, 用一个占位的div来做close trigger
|
|
autoClose: true, //如果arrowMode为close,并且autoClose:true,则点击arrow区域,自动destroy此组件
|
|
|
pressed: false,
|
|
overCls: 'e-btn-over',
|
pressedCls: 'e-btn-click',
|
|
togglCls: 'e-btn-pressed',
|
enableToggle: false,
|
|
elCls: 'e-btn',
|
|
_onMouseEvent: function (e) {
|
if (!this.isEnable()) return;
|
e.source = this;
|
if (!this.design) {
|
|
if (e.type == 'click') {
|
var outer = e.target.firstChild;
|
if (outer && outer.nodeType == 3) {
|
outer = null;
|
}
|
|
if (this.arrowMode && this.arrowMode != 'menu' && Edo.util.Dom.hasClass(e.target, 'e-btn-arrow')) {
|
e.type = 'arrowclick';
|
this.fireEvent('arrowclick', e);
|
return;
|
}
|
}
|
|
this.fireEvent(e.type, e);
|
}
|
},
|
createPopup: function () {
|
Edo.controls.Button.superclass.createPopup.apply(this, arguments);
|
this.menu = this.popupCt;
|
},
|
showPopup: function () {
|
this._setPressed(true);
|
Edo.controls.Button.superclass.showPopup.apply(this, arguments);
|
},
|
hidePopup: function () {
|
Edo.controls.Button.superclass.hidePopup.apply(this, arguments);
|
|
this._setPressed(false);
|
|
if (this.menu && this.menu.children) {
|
this.menu.children.each(function (o) {
|
if (o.type == 'button' && o.rendered) {
|
o.hidePopup();
|
}
|
});
|
}
|
},
|
getClass: function () {
|
var s = '';
|
if (this.icon) {
|
if (this.text) {
|
s += ' e-btn-icontext';
|
s += ' e-btn-icon-align-' + this.iconAlign;
|
}
|
else s += ' e-btn-icon';
|
}
|
this.getArrowCls();
|
s += ' ' + this.arrowCls;
|
|
|
if (this.pressed) s += ' ' + this.togglCls;
|
|
return s;
|
},
|
htmlType: 'a',
|
getInnerHtml: function (sb) {
|
//if(this.text == '取消') debugger
|
if (this.simpleButton) return this.text || '';
|
|
this.elCls += this.getClass();
|
var w = Edo.isValue(this.realWidth) ? this.realWidth + 'px' : 'auto';
|
var h = Edo.isValue(this.realHeight) ? this.realHeight + 'px' : 'auto';
|
|
var text = this.text || ' ';
|
sb[sb.length] = '<span class="e-btn-text ' + this.icon + '">' + text + '</span>';
|
if (this.arrowMode) {
|
sb[sb.length] = '<span class="e-btn-arrow"></span>';
|
}
|
},
|
createChildren: function (el) {
|
Edo.controls.Button.superclass.createChildren.call(this, el);
|
|
if (!this.design) {
|
this.el.href = 'javascript:;';
|
}
|
this.el.hideFocus = true;
|
|
if (this.simpleButton) return '';
|
|
this.field = this.el.firstChild;
|
if (this.splitMode == 'split') this.splitEl = this.el.lastChild;
|
|
|
//this.el.onmousedown = 'return false';
|
//this.el.href = '#';
|
|
},
|
initEvents: function () {
|
if (!this.design) {
|
var el = this.el;
|
//if(this.simpleButton) el = this.el;
|
Edo.util.Dom.addClassOnClick(el, this.pressedCls);
|
//Edo.util.Dom.addClassOnOver(el, this.overCls);
|
|
this.on('click', this._onClick, this, 0);
|
this.on('arrowclick', this._onArrowClick, this, 0);
|
}
|
|
Edo.controls.Button.superclass.initEvents.call(this);
|
},
|
_onClick: function (e) {
|
e.stopDefault();
|
if (this.enableToggle) {
|
var pressed = !this.pressed;
|
this._setPressed(pressed);
|
}
|
if (this.popupDisplayed) {
|
this.hidePopup();
|
} else if (this.showMenu && this.menu) {
|
this.showPopup();
|
this.menu = this.popupCt;
|
|
//this._setPressed(true);
|
}
|
},
|
_onArrowClick: function (e) {
|
if (this.arrowMode == 'close' && this.autoClose) {
|
this.destroy();
|
}
|
|
if (this.popupDisplayed) {
|
this.hidePopup();
|
} else if (this.arrowMode == 'split' && this.showMenu && this.menu) {
|
this.showPopup();
|
this.menu = this.popupCt;
|
|
this._setPressed(true);
|
}
|
},
|
getArrowCls: function () {
|
var ac = this.arrowCls;
|
this.arrowCls = '';
|
if (this.arrowMode == 'menu') this.arrowCls = 'e-btn-arrow-' + this.arrowAlign;
|
else if (this.arrowMode == 'split') this.arrowCls = 'e-btn-split-' + this.arrowAlign;
|
else if (this.arrowMode == 'close') this.arrowCls = 'e-btn-close-' + this.arrowAlign;
|
return this.arrowCls;
|
},
|
_setArrowMode: function (value) {
|
if (this.arrowMode != value) {
|
this.arrowMode = value;
|
this.getArrowCls();
|
}
|
},
|
_setArrowAlign: function (value) {
|
if (this.arrowAlign != value) {
|
this.arrowAlign = value;
|
this.getArrowCls();
|
}
|
},
|
_setMenu: function (value) {
|
if (this.popupCt) this.popupCt.parent.remove(this.popupCt);
|
if (value instanceof Array) value = {
|
type: 'menu',
|
shadow: this.popupShadow,
|
autoHide: true,
|
children: value
|
}
|
this.menu = this.popupCt = value;
|
|
this.createPopup();
|
},
|
|
_setOverCls: function (value) {
|
if (this.overCls != value) {
|
var old = this.overCls;
|
this.overCls = value;
|
if (this.el) {
|
Edo.util.Dom.removeClass(this.el, old);
|
this.el.overCls = value;
|
}
|
this.changeProperty('overcls', value);
|
}
|
},
|
_setPressedCls: function (value) {
|
if (this.pressedCls != value) {
|
var old = this.pressedCls;
|
this.pressedCls = value;
|
if (this.el) {
|
Edo.util.Dom.removeClass(this.el, old);
|
this.el.clickCls = value;
|
}
|
this.changeProperty('pressedcls', value);
|
}
|
},
|
|
_setWidth: function (w) {
|
if (!Edo.isInt(w) && this.width != w) {
|
this.widthGeted = false; //重新获得
|
}
|
Edo.controls.Button.superclass._setWidth.call(this, w);
|
},
|
addCls: function (cls) {
|
Edo.controls.Button.superclass.addCls.call(this, cls);
|
if (!Edo.isInt(this.width)) {
|
this.widthGeted = false; //重新获得
|
if (this.el) {
|
this.el.style.width = 'auto';
|
}
|
}
|
},
|
removeCls: function (cls) {
|
Edo.controls.Button.superclass.removeCls.call(this, cls);
|
if (!Edo.isInt(this.width)) {
|
this.widthGeted = false; //重新获得
|
if (this.el) {
|
this.el.style.width = 'auto';
|
}
|
}
|
|
},
|
_setText: function (value) {
|
if (this.text != value) {
|
this.text = value;
|
if (!this.simpleButton) {
|
if (this.el) {
|
this.field.innerHTML = value;
|
//this.field.textContent = value;
|
}
|
} else {
|
|
}
|
if (!Edo.isInt(this.width)) {
|
this.widthGeted = false; //重新获得
|
if (this.el) {
|
this.el.style.width = 'auto';
|
//Edo.util.Dom.repaint(this.el);
|
}
|
}
|
this.changeProperty('text', value);
|
if (!Edo.isInt(this.width)) {
|
this.relayout('text', value);
|
}
|
}
|
},
|
_setIcon: function (value) {
|
if (this.icon != value) {
|
if (this.el) {
|
Edo.util.Dom.removeClass(this.field, this.icon);
|
Edo.util.Dom.addClass(this.field, value);
|
}
|
this.icon = value;
|
}
|
},
|
_setPressed: function (value) {
|
value = Edo.toBool(value);
|
if (this.pressed != value) {
|
this.pressed = Edo.toBool(value);
|
if (this.el) {
|
if (this.pressed) {
|
Edo.util.Dom.addClass(this.el, this.togglCls);
|
} else {
|
Edo.util.Dom.removeClass(this.el, this.togglCls);
|
}
|
}
|
this.fireEvent('toggle', {
|
type: 'toggle',
|
source: this,
|
pressed: value
|
});
|
|
// if(!Edo.isInt(this.width)){
|
// this.widthGeted = false;//重新获得
|
// if(this.table) {
|
// this.table.style.width = 'auto';
|
// Edo.util.Dom.repaint(this.table);
|
// }
|
// }
|
// this.changeProperty('pressed', value);
|
// if(!Edo.isInt(this.width)){
|
// this.relayout('pressed', value);
|
// }
|
}
|
},
|
syncSize: function () {
|
Edo.controls.Button.superclass.syncSize.call(this);
|
// this.el.style.visibility = 'visible';
|
// alert(this.realHeight);
|
if (this.field) {
|
var tb = Edo.util.Dom.getPadding(this.field, "tb") + 1;
|
//if(isIE) tb += 1;
|
this.field.style.lineHeight = (this.realHeight - tb) + 'px';
|
}
|
},
|
destroy: function () {
|
|
Edo.util.Dom.clearEvent(this.field);
|
Edo.controls.Button.superclass.destroy.call(this);
|
}
|
});
|
Edo.controls.Button.regType('button');
|
|
Edo.controls.Error = function () {
|
Edo.controls.Error.superclass.constructor.call(this);
|
|
};
|
Edo.controls.Error.extend(Edo.controls.Control, {
|
|
text: '',
|
|
autoWidth: true,
|
|
autoHeight: true,
|
elCls: 'e-error e-div',
|
minHeight: 16,
|
|
visible: false,
|
getInnerHtml: function (sb) {
|
sb[sb.length] = '<div class="e-error-inner">' + this.text + '</div><a class="e-error-close"></a>';
|
},
|
init: function () {
|
Edo.controls.Error.superclass.init.call(this);
|
|
this.on('click', function (e) {
|
var id = '';
|
if (Edo.util.Dom.hasClass(e.target, 'e-error-link')) {
|
id = e.target.id;
|
}
|
if (Edo.util.Dom.hasClass(e.target, 'e-error-close')) {
|
this._onValid();
|
id = this.fields[0] ? this.fields[0].field.id + '-error' : '';
|
}
|
|
id = id.substr(0, id.length - 6);
|
var target = Edo.get(id);
|
if (!target) return;
|
target.focus();
|
|
}, this);
|
},
|
_setText: function (value) {
|
if (this.text !== value) {
|
this.text = value;
|
if (this.el) {
|
this.el.firstChild.innerHTML = value;
|
//this.el.style.width = 'auto';
|
}
|
if (!Edo.isInt(this.width)) {
|
this.widthGeted = false;
|
// this.el.style.width = 'auto';
|
// Edo.util.Dom.repaint(this.el);
|
}
|
if (!Edo.isInt(this.height)) {
|
this.heightGeted = false;
|
}
|
//this.changeProperty('text', value);
|
this.relayout('text', value);
|
}
|
},
|
bind: function (forId) {
|
this.unbind(forId);
|
var target = Edo.get(forId);
|
if (!target) return;
|
target.on('valid', this._onValid, this);
|
target.on('invalid', this._onInValid, this);
|
},
|
unbind: function (forId) {
|
var target = Edo.get(forId);
|
if (!target) return;
|
target.un('valid', this._onValid, this);
|
target.un('invalid', this._onInValid, this);
|
},
|
_onValid: function (e) {
|
|
this.set('visible', false);
|
this.set('text', '');
|
},
|
_onInValid: function (e) {
|
|
this.fields = [];
|
if (e.fields) {
|
this.fields = e.fields;
|
} else {
|
this.fields.add({
|
field: e.source,
|
errorMsg: e.errorMsg
|
});
|
}
|
var errorMsg = '';
|
|
this.fields.each(function (field) {
|
errorMsg += '<a id="' + field.field.id + '-error" class="e-error-link" href="#" onclick="return false;">' + field.errorMsg + "</a>";
|
});
|
this.set('text', errorMsg);
|
this.set('visible', true);
|
}
|
});
|
|
Edo.controls.Error.regType('error');
|
|
Edo.controls.Slider = function () {
|
|
|
|
Edo.controls.Slider.superclass.constructor.call(this);
|
|
|
};
|
Edo.controls.Slider.extend(Edo.controls.Control, {
|
|
valueField: 'value',
|
|
defaultValue: 0,
|
|
value: 0,
|
|
minValue: 0,
|
|
maxValue: 100,
|
//keyIncrement: 1,
|
|
increment: 0,
|
|
defaultWidth: 100,
|
|
defaultHeight: 22,
|
|
minHeight: 22,
|
|
minWidth: 30,
|
|
direction: 'horizontal', //vertical
|
|
thumbCls: 'e-slider-thumb',
|
thumbOverCls: 'e-slider-thumb-over',
|
thumbPressedClass: 'e-slider-thumb-pressed',
|
|
elCls: 'e-slider',
|
getInnerHtml: function (sb) {
|
if (this.direction == 'vertical') {
|
this.elCls += ' e-slider-v';
|
}
|
sb[sb.length] = '<div class="e-slider-start"><div class="e-slider-end"><div class="e-slider-inner" style="';
|
if (this.direction == 'vertical') {
|
sb[sb.length] = 'height:';
|
sb[sb.length] = this.realHeight - 14;
|
sb[sb.length] = 'px;';
|
}
|
sb[sb.length] = '"><div class="';
|
sb[sb.length] = this.thumbCls;
|
sb[sb.length] = '"></div></div></div></div>';
|
},
|
createChildren: function (el) {
|
Edo.controls.Slider.superclass.createChildren.call(this, el);
|
this.startEl = this.el.firstChild;
|
this.endEl = this.startEl.firstChild;
|
this.inner = this.endEl.lastChild;
|
this.thumb = this.inner.lastChild;
|
this.halfThumb = 15 / 2;
|
|
this.thumbDrag = new Edo.util.Drag({
|
//onStart: this.onThumbDragStart.bind(this),
|
onMove: this._onThumbDragMove.bind(this),
|
onStop: this._onThumbDragComplete.bind(this)
|
});
|
},
|
initEvents: function () {
|
if (!this.design) {
|
this.on('mousedown', this._onMouseDown);
|
Edo.util.Dom.addClassOnClick(this.thumb, this.thumbPressedClass);
|
Edo.util.Dom.addClassOnOver(this.thumb, this.thumbOverCls);
|
}
|
Edo.controls.Slider.superclass.initEvents.call(this);
|
|
},
|
|
syncSize: function () {
|
//this.realWidth -= 7;
|
Edo.controls.Slider.superclass.syncSize.call(this);
|
|
if (this.mustSyncSize !== false) {
|
if (this.direction == 'vertical') {
|
//this.inner.style.height = (this.realHeight - 14) + 'px';//偏移
|
//Edo.util.Dom.setHeight(this.el, this.realHeight);
|
} else {
|
//Edo.util.Dom.setWidth(this.el, this.realWidth);
|
}
|
}
|
//do value : 以后会发展成为一个模式set...
|
var v = this.normalizeValue(this.value);
|
if (!isNaN(v)) {
|
this.value = v;
|
this.moveThumb(this.translateValue(this.value));
|
|
}
|
|
if (this.direction == 'vertical') {
|
this.inner.style.height = (this.realHeight - 14) + 'px';
|
}
|
},
|
_onMouseDown: function (e) {
|
if (e.button == Edo.util.MouseButton.left) {
|
this.ctBox = Edo.util.Dom.getBox(this.inner);
|
if (e.within(this.thumb)) {
|
this.initXY = Edo.util.Dom.getXY(this.thumb);
|
this.xOffset = this.initXY[0] - e.xy[0];
|
this.yOffset = this.initXY[1] - e.xy[1];
|
|
this.thumbDrag.start(e);
|
|
this.fireEvent('slidestart', {
|
type: 'slidestart',
|
source: this,
|
xy: Edo.util.Dom.getXY(this.thumb)
|
});
|
} else {
|
//点击thumb之外
|
//var pos = (drag.now[index] + offset) - t;
|
var index = this.direction == 'horizontal' ? 0 : 1;
|
var t = this.direction == 'horizontal' ? this.ctBox.x : this.ctBox.y;
|
var pos = e.xy[index] - t;
|
this.anim = true;
|
this._setValue(Math.round(this.reverseValue(pos)));
|
this.anim = false;
|
}
|
}
|
},
|
// onThumbDragStart: function(e){
|
// this.fireEvent('slidestart', {
|
// type: 'slidestart',
|
// source: this,
|
// xy: [e.now[0]+this.xOffset, e.now[1]+this.yOffset]
|
// });
|
// },
|
_onThumbDragMove: function (drag) {
|
var xy = this.initXY;
|
|
var index = this.direction == 'horizontal' ? 0 : 1;
|
var offset = this.direction == 'horizontal' ? this.xOffset : this.yOffset;
|
var t = this.direction == 'horizontal' ? this.ctBox.x : this.ctBox.y;
|
|
|
|
var pos = (drag.now[index] + offset) - t;
|
this._setValue(Math.round(this.reverseValue(pos)));
|
|
|
xy = drag.now;
|
xy[index] = t + this.translateValue(this.value);
|
this.fireEvent('slide', {
|
type: 'slide',
|
source: this,
|
xy: xy
|
});
|
},
|
_onThumbDragComplete: function (e) {
|
this.fireEvent('slidecomplete', {
|
type: 'slidecomplete',
|
source: this,
|
xy: [e.now[0] + this.xOffset, e.now[1] + this.yOffset]
|
});
|
},
|
_setValue: function (v) {
|
v = this.normalizeValue(v);
|
if (v !== this.value && this.fireEvent('beforevaluechange', {
|
type: 'beforevaluechange',
|
source: this,
|
value: v
|
}) !== false) {
|
|
this.value = v;
|
if (this.el) {
|
this.moveThumb(this.translateValue(v));
|
}
|
// this.fireEvent('valuechange', {
|
// type: 'valuechange',
|
// source: this,
|
// value: v
|
// });
|
|
this.changeProperty('value', this.value);
|
}
|
},
|
//将value转换为坐标
|
translateValue: function (v) {
|
var ratio = this.getRatio();
|
return (v * ratio) - (this.minValue * ratio) - this.halfThumb;
|
},
|
//将坐标转换为值
|
reverseValue: function (pos) {
|
var ratio = this.getRatio();
|
return (pos + this.halfThumb + (this.minValue * ratio)) / ratio;
|
},
|
getRatio: function () {
|
var fn = this.direction == 'horizontal' ? 'getWidth' : 'getHeight';
|
var now = Edo.util.Dom[fn](this.inner);
|
|
var v = this.maxValue - this.minValue;
|
return v == 0 ? now : (now / v);
|
},
|
moveThumb: function (pos) {
|
if (this.thumb) {
|
var p = this.direction == 'horizontal' ? 'left' : 'top';
|
if (this.anim) {
|
var o = {};
|
o[p] = pos;
|
new Edo.util.Fx.Style({
|
el: this.thumb,
|
duration: 300
|
}).start(o);
|
} else {
|
this.thumb.style[p] = pos + 'px';
|
}
|
}
|
},
|
//确保值的有效性
|
normalizeValue: function (v) {
|
if (typeof v != 'number') {
|
v = parseInt(v);
|
}
|
if (isNaN(v)) v = this.minValue;
|
v = Math.round(v);
|
v = this.doSnap(v); //v = Edo_controls_Slider__doSnap.call(this, v); => v = AAA.call(this.v);
|
v = v.constrain(this.minValue, this.maxValue);
|
return v;
|
},
|
//根据increment增值,以及当前的value,得到一个新的有效value
|
doSnap: function (value) {
|
if (!this.increment || this.increment == 1 || !value) {
|
return value;
|
}
|
var newValue = value, inc = this.increment;
|
var m = value % inc;
|
if (m > 0) {
|
if (m > (inc / 2)) {
|
newValue = value + (inc - m);
|
} else {
|
newValue = value - m;
|
}
|
}
|
return newValue.constrain(this.minValue, this.maxValue);
|
},
|
destroy: function () {
|
Edo.util.Dom.clearEvent(this.thumb);
|
this.thumb = null;
|
|
Edo.controls.Slider.superclass.destroy.call(this);
|
}
|
|
});
|
Edo.controls.Slider.regType('slider');
|
|
|
|
Edo.controls.VSlider = function () {
|
Edo.controls.VSlider.superclass.constructor.call(this);
|
};
|
Edo.controls.VSlider.extend(Edo.controls.Slider, {
|
|
direction: 'vertical',
|
|
minWidth: 22,
|
|
minHeight: 30,
|
|
defaultHeight: 100,
|
|
defaultWidth: 22
|
});
|
Edo.controls.VSlider.regType('vslider');
|
|
Edo.controls.ScrollBar = function () {
|
Edo.controls.ScrollBar.superclass.constructor.call(this);
|
|
|
|
};
|
Edo.controls.ScrollBar.extend(Edo.controls.Control, {
|
|
valueField: 'value',
|
|
defaultValue: 0,
|
|
minWidth: 17,
|
|
minHeight: 17,
|
|
defaultWidth: 100,
|
|
defaultHeight: 17,
|
|
upWidth: 17,
|
upHeight: 17,
|
downWidth: 17,
|
downHeight: 17,
|
|
maxValue: 0,
|
|
value: 0,
|
|
minHandleSize: 7,
|
|
//up/down的增量
|
|
incrementValue: 10,
|
|
alternateIncrementValue: 30,
|
|
spinTime: 20,
|
|
scrollTime: 70,
|
|
|
direction: 'horizontal', //horizontal
|
|
elCls: 'e-div e-scrollbar',
|
|
upPressedCls: 'e-scrollbar-up-pressed',
|
downPressedCls: 'e-scrollbar-down-pressed',
|
handlePressedCls: 'e-scrollbar-handle-pressed',
|
|
set: function (o, value) {
|
if (!o) return;
|
if (typeof o == 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
|
if (o.maxValue) {
|
this._setMaxValue(o.maxValue);
|
delete o.maxValue;
|
}
|
if (o.maxValue) {
|
this._setMaxValue(o.maxValue);
|
delete o.maxValue;
|
}
|
|
Edo.controls.ScrollBar.superclass.set.call(this, o);
|
},
|
|
getInnerHtml: function (sb) {
|
if (this.direction == 'horizontal') {
|
this.elCls += ' e-hscrollbar';
|
}
|
sb[sb.length] = '<div class="e-scrollbar-handle"><div class="e-scrollbar-handle-outer"></div><div class="e-scrollbar-handle-center"></div><div class="e-scrollbar-handle-inner"></div></div><div class="e-scrollbar-up"></div><div class="e-scrollbar-down"></div>';
|
},
|
createChildren: function (el) {
|
Edo.controls.ScrollBar.superclass.createChildren.call(this, el);
|
|
this.handle = this.el.firstChild;
|
this.upBtn = this.el.childNodes[1];
|
this.downBtn = this.el.lastChild;
|
},
|
initEvents: function () {
|
if (!this.design) {
|
this.on('mousedown', this._onMousedown, this);
|
Edo.util.Dom.addClassOnClick(this.upBtn, this.upPressedCls);
|
Edo.util.Dom.addClassOnClick(this.downBtn, this.downPressedCls);
|
Edo.util.Dom.addClassOnClick(this.handle, this.handlePressedCls);
|
|
|
Edo.util.Dom.addClassOnClick(this.el, '', this._stopSpin.bind(this));
|
}
|
|
Edo.controls.ScrollBar.superclass.initEvents.call(this);
|
},
|
syncSize: function () {
|
Edo.controls.ScrollBar.superclass.syncSize.call(this);
|
|
var handleSize = this.getHandleSize();
|
if (this.direction == 'vertical') {
|
Edo.util.Dom.setHeight(this.handle, handleSize);
|
} else {
|
Edo.util.Dom.setWidth(this.handle, handleSize);
|
}
|
|
this.syncScroll();
|
},
|
//获得handle的尺寸
|
getHandleSize: function () {
|
|
var size = 0;
|
|
var btnSize, //滚动条按钮尺寸
|
size, //滚动条尺寸
|
max, //滚动条最大尺寸
|
handleSize; //handle尺寸
|
|
if (this.direction == 'vertical') {
|
btnSize = this.upHeight + this.downHeight;
|
size = this.realHeight;
|
max = this.maxValue;
|
} else {
|
btnSize = this.upWidth + this.downWidth;
|
size = this.realWidth;
|
max = this.maxValue;
|
}
|
|
if (size == max + size) {
|
handleSize = 0;
|
} else {
|
handleSize = Math.max(this.minHandleSize, Math.round((size - btnSize) * size / (max + size)))
|
}
|
|
return handleSize;
|
},
|
//获得handle的偏移定位
|
getHandleOffset: function (handleSize) {
|
var btnSize, //滚动条按钮尺寸
|
size, //滚动条尺寸
|
max, //滚动条最大尺寸
|
realOffset
|
|
if (this.direction == 'vertical') {
|
btnSize = this.upHeight + this.downHeight;
|
size = this.realHeight;
|
max = this.maxValue;
|
|
realOffset = this.value;
|
} else {
|
btnSize = this.upWidth + this.downWidth;
|
size = this.realWidth;
|
max = this.maxValue;
|
|
realOffset = this.value;
|
}
|
|
//获得 size - btnSize - handleSize的尺寸
|
var moveSize = size - btnSize - handleSize; //这个就是可移动的范围
|
|
offset = realOffset / max * moveSize;
|
return offset;
|
},
|
createvalue: function (offset, moveSize) {
|
var value = offset * this.maxValue / moveSize
|
return Math.floor(value);
|
},
|
createvalue: function (offset, moveSize) {
|
var value = offset * this.maxValue / moveSize
|
return Math.floor(value);
|
},
|
//获得可移动的区域
|
getMoveReginBox: function () {
|
var box = this.getBox();
|
var size = this.getHandleSize();
|
if (this.direction == 'vertical') {
|
box.y += this.upHeight;
|
box.height -= (this.upHeight + this.downHeight + size);
|
} else {
|
box.x += this.upWidth;
|
box.width -= (this.upWidth + this.downWidth + size);
|
}
|
box.right = box.x + box.width;
|
box.bottom = box.y + box.height;
|
return box;
|
},
|
_onMousedown: function (e) {
|
if (e.button != 0) return false;
|
|
var t = e.target;
|
|
var isVertical = this.direction == 'vertical';
|
this._stopSpin();
|
|
if (Edo.util.Dom.contains(this.handle, t)) {
|
Edo.managers.DragManager.startDrag({
|
event: e,
|
capture: true,
|
dragObject: this.handle,
|
delay: 30,
|
alpha: 1,
|
enableDrop: false,
|
ondragstart: this._onHandleDragStart.bind(this),
|
ondragmove: this._onHandleDragMove.bind(this),
|
ondragcomplete: this._onHandleDragComplete.bind(this)
|
});
|
this.dragTimer = new Date();
|
} else if (Edo.util.Dom.contains(this.upBtn, t)) { //up
|
this._startSpin('up', this.incrementValue, this.spinTime);
|
this.canFireComplete = true;
|
|
} else if (Edo.util.Dom.contains(this.downBtn, t)) { //down
|
this._startSpin('down', this.incrementValue, this.spinTime);
|
this.canFireComplete = true;
|
} else {
|
|
var moveBox = this.getMoveReginBox();
|
var handleSie = this.getHandleSize();
|
if (isVertical) moveBox.height += this.downHeight + handleSie;
|
else moveBox.width += this.downWidth + handleSie;
|
|
var moveBox2 = this.getMoveReginBox();
|
|
var handleXY = Edo.util.Dom.getXY(this.handle);
|
|
if (Edo.util.Dom.isInRegin(e.xy, moveBox)) {
|
|
if (isVertical) {
|
|
this.stopOffset = this.createvalue(Math.abs(moveBox2.y - e.xy[1]), moveBox2.height);
|
if (e.xy[1] < handleXY[1]) {
|
this._startSpin('up', this.alternateIncrementValue, this.spinTime);
|
} else {
|
this._startSpin('down', this.alternateIncrementValue, this.spinTime);
|
}
|
} else {
|
this.stopOffset = this.createvalue(Math.abs(moveBox2.x - e.xy[0]), moveBox2.width);
|
|
if (e.xy[0] < handleXY[0]) {
|
this._startSpin('up', this.alternateIncrementValue, this.spinTime);
|
} else {
|
this._startSpin('down', this.alternateIncrementValue, this.spinTime);
|
}
|
}
|
}
|
//alert(this.stopOffset);
|
this.canFireComplete = true;
|
}
|
|
},
|
doSpin: function (spinDirection, increment) {
|
|
var isVertical = this.direction == 'vertical';
|
if (spinDirection == 'up') {
|
if (isVertical) {
|
var v = this.value - increment;
|
if (Edo.isValue(this.stopOffset) && v < this.stopOffset) {
|
return;
|
}
|
this._setValue(v);
|
} else {
|
var v = this.value - increment;
|
if (Edo.isValue(this.stopOffset) && v < this.stopOffset) {
|
return;
|
}
|
this._setValue(v);
|
}
|
} else {
|
if (isVertical) {
|
var v = this.value + increment;
|
|
if (Edo.isValue(this.stopOffset) && v > this.stopOffset) {
|
return;
|
}
|
this._setValue(v);
|
} else {
|
var v = this.value + increment;
|
if (Edo.isValue(this.stopOffset) && v > this.stopOffset) {
|
return;
|
}
|
this._setValue(v);
|
}
|
}
|
},
|
_startSpin: function (spinDirection, increment, spinTime) {
|
this.spinDirection = spinDirection;
|
|
this.spinTimer = this.doSpin.time(spinTime, this, [spinDirection, increment], true);
|
},
|
_stopSpin: function () {
|
clearInterval(this.spinTimer);
|
this.spinTimer = null;
|
this.stopOffset = null;
|
//这里也应该激发scrollComplete事件
|
|
if (this.canFireComplete) {
|
this.completeScroll();
|
this.canFireComplete = false;
|
}
|
},
|
|
_onHandleDragStart: function (e) {
|
//得到可拖拽的box区域, 将拖拽范围限定
|
this.moveBox = this.getMoveReginBox();
|
|
this.enableSyncScroll = false;
|
|
if (!isIE8) {
|
var sf = this;
|
this.scrollTimer = setInterval(function () {
|
if (sf.direction == 'vertical') {
|
sf._setValue(sf._value);
|
} else {
|
sf._setValue(sf._value);
|
}
|
}, this.scrollTime);
|
}
|
|
this.fireEvent('scrollstart', {
|
type: 'scrollstart',
|
source: this,
|
direction: this.direction,
|
value: this.value,
|
maxValue: this.maxValue
|
});
|
},
|
_onHandleDragMove: function (e) {
|
|
var dm = e.source;
|
var moveBox = this.moveBox;
|
|
var isVertical = this.direction == 'vertical';
|
|
if (isVertical) {
|
e.xy[0] = moveBox.x;
|
|
if (e.xy[1] < moveBox.y) e.xy[1] = moveBox.y;
|
if (e.xy[1] > moveBox.bottom) e.xy[1] = moveBox.bottom;
|
|
//先设置一个_value属性, 用来后续的设置
|
this._value = this.createvalue(e.xy[1] - moveBox.y, moveBox.height);
|
} else {
|
e.xy[1] = moveBox.y;
|
|
if (e.xy[0] < moveBox.x) e.xy[0] = moveBox.x;
|
if (e.xy[0] > moveBox.right) e.xy[0] = moveBox.right;
|
|
this._value = this.createvalue(e.xy[0] - moveBox.x, moveBox.width);
|
}
|
if (isIE8) {
|
if (this.dragTimer) {
|
var d = new Date();
|
if (d - this.dragTimer >= this.scrollTime) {
|
this.dragTimer = d;
|
this._setValue(this._value);
|
}
|
}
|
}
|
|
},
|
_onHandleDragComplete: function (e) {
|
|
this.enableSyncScroll = true;
|
|
clearInterval(this.scrollTimer);
|
|
if (Edo.isValue(this._value)) {
|
this._setValue(this._value);
|
}
|
|
this._value = null;
|
|
this.completeScroll();
|
|
},
|
completeScroll: function () {
|
this.fireEvent('scrollcomplete', {
|
type: 'scrollcomplete',
|
source: this,
|
direction: this.direction,
|
value: this.value
|
});
|
},
|
_setValue: function (value) {
|
|
if (!Edo.isValue(value)) return;
|
if (value < 0) value = 0;
|
if (value > this.maxValue) value = this.maxValue;
|
if (this.value != value) {
|
this.value = value;
|
this.syncScroll();
|
|
this.fireEvent('scroll', {
|
type: 'scroll',
|
source: this,
|
direction: this.direction,
|
value: this.value
|
});
|
}
|
},
|
_setMaxValue: function (value) {
|
if (value < 0) value = 0;
|
if (this.maxValue != value) {
|
this.maxValue = value;
|
this.relayout('maxValue');
|
}
|
},
|
//根据maxValue,maxValue, value, value,将handle定位
|
syncScroll: function () {
|
if (!this.el || this.enableSyncScroll == false) return;
|
//根据当前的value/value,进行定位
|
var handleSize = this.getHandleSize();
|
if (handleSize != 0) {
|
var handleOffset = this.getHandleOffset(handleSize);
|
|
var offset = handleOffset + (this.direction == 'vertical' ? this.upHeight : this.upWidth);
|
if (this.direction == 'vertical') {
|
this.handle.style.top = offset + 'px';
|
} else {
|
this.handle.style.left = offset + 'px';
|
}
|
}
|
}
|
|
});
|
Edo.controls.ScrollBar.regType('scrollbar');
|
|
Edo.controls.VScrollBar = function () {
|
Edo.controls.VScrollBar.superclass.constructor.call(this);
|
};
|
Edo.controls.VScrollBar.extend(Edo.controls.ScrollBar, {
|
|
defaultWidth: 17,
|
|
defaultHeight: 100,
|
|
direction: 'vertical'
|
});
|
|
Edo.controls.VScrollBar.regType('vscrollbar');
|
|
Edo.controls.CheckBox = function (config) {
|
|
Edo.controls.CheckBox.superclass.constructor.call(this);
|
};
|
Edo.controls.CheckBox.extend(Edo.controls.Control, {
|
|
valueField: 'checked',
|
|
defaultValue: false,
|
|
autoWidth: true,
|
|
|
minWidth: 20,
|
|
text: '',
|
|
checked: false,
|
trueValue: true,
|
falseValue: false,
|
_getChecked: function () {
|
return this.checked == true ? this.trueValue : this.falseValue;
|
},
|
set: function (o, value) {
|
if (!o) return;
|
|
if (typeof o === 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
|
var checked = o.checked;
|
delete o.checked;
|
|
Edo.controls.CheckBox.superclass.set.call(this, o);
|
|
if (checked !== undefined) {
|
this._setChecked(checked);
|
}
|
return this;
|
},
|
|
elCls: 'e-checkbox',
|
checkedCls: 'e-checked',
|
overcheckedCls: 'e-checked-over',
|
pressedcheckedCls: 'e-checked-pressed',
|
|
getInnerHtml: function (sb) {
|
if (this.checked) this.elCls += ' ' + this.checkedCls;
|
sb[sb.length] = '<div class="e-checked-icon"><div class="e-checked-icon-inner"></div></div><div class="e-checked-text">';
|
sb[sb.length] = this.text;
|
sb[sb.length] = '</div>';
|
},
|
createChildren: function (el) {
|
|
Edo.controls.CheckBox.superclass.createChildren.call(this, el);
|
this.iconEl = this.el.firstChild;
|
this.textEl = this.el.lastChild;
|
},
|
initEvents: function () {
|
if (!this.design) {
|
var el = this.el;
|
|
Edo.util.Dom.addClassOnOver(el, this.overcheckedCls);
|
Edo.util.Dom.addClassOnClick(el, this.pressedcheckedCls);
|
|
this.on('click', this._onClick, this);
|
}
|
Edo.controls.CheckBox.superclass.initEvents.call(this);
|
},
|
_onClick: function (e) {
|
if (!this.enable) return;
|
|
var checked = this.checked === this.trueValue ? this.falseValue : this.trueValue
|
this._setChecked(checked);
|
},
|
_setText: function (value) {
|
if (this.text !== value) {
|
this.text = value;
|
if (this.el) {
|
this.textEl.innerHTML = this.text;
|
}
|
if (!Edo.isInt(this.width)) {
|
this.widthGeted = false;
|
}
|
this.changeProperty('text', value);
|
this.relayout('text', value);
|
}
|
},
|
_setChecked: function (value) {
|
|
// var v;
|
// try{
|
// v = Edo.toBool(value);
|
// }catch(e){
|
// v = value == this.trueValue ? true : false;
|
// }
|
|
if (this.checked !== value) {
|
this.checked = value === this.trueValue ? this.trueValue : this.falseValue;
|
if (this.el) {
|
if (this.checked === this.trueValue) {
|
Edo.util.Dom.addClass(this.el, this.checkedCls);
|
} else {
|
Edo.util.Dom.removeClass(this.el, this.checkedCls);
|
}
|
}
|
this.fireEvent('checkedchange', {
|
type: 'checkedchange',
|
source: this,
|
checked: this.checked
|
});
|
this.changeProperty('checked', this.checked);
|
}
|
}
|
});
|
|
Edo.controls.CheckBox.regType('checkbox', 'check');
|
|
Edo.controls.Radio = function () {
|
|
Edo.controls.Radio.superclass.constructor.call(this);
|
};
|
Edo.controls.Radio.extend(Edo.controls.CheckBox, {
|
elCls: 'e-radiobox',
|
_onClick: function (e) {
|
if (!this.enable) return;
|
if (this.checked === true) return;
|
Edo.controls.Radio.superclass._onClick.call(this, e);
|
//如果本控件有name,则找出所有同name的组件,如果另外的组件也是radio,则将其他的设置为false
|
if (this.name) {
|
var os = Edo.managers.SystemManager.getByName(this.name);
|
os.each(function (o) {
|
if (o != this && o.isType('radio')) o._setChecked(false);
|
}, this);
|
}
|
}
|
});
|
|
Edo.controls.Radio.regType('radio');
|
|
|
Edo.controls.TextInput = function () {
|
Edo.controls.TextInput.superclass.constructor.call(this);
|
|
|
|
|
|
};
|
Edo.controls.TextInput.extend(Edo.controls.Control, {
|
_htmltype: 'text',
|
_mode: 'text',
|
|
|
maxLength: 1000,
|
|
lineHeight: true, //true(跟realHeight一样), false,不设置, 具体值30...
|
|
|
defaultWidth: 100,
|
|
minWidth: 20,
|
|
defaultHeight: 21,
|
minHeight: 20,
|
|
text: '',
|
|
readOnly: false,
|
|
|
selectOnFocus: false,
|
|
textStyle: '',
|
textCls: '',
|
|
elCls: 'e-text',
|
|
|
emptyText: '',
|
|
emptyCls: 'e-text-empty',
|
|
//disabledClass : "",
|
focusClass: 'e-text-focus',
|
|
//激发el.onchange
|
|
changeAction: 'change',
|
|
focus: function () {
|
//if(this.field) this.field.focus();
|
var el = this.field;
|
if (this.blurTimer) {
|
clearTimeout(this.blurTimer);
|
this.blurTimer = null;
|
}
|
setTimeout(function () {
|
Edo.util.Dom.focus(el);
|
}, 100);
|
},
|
blur: function () {
|
var sf = this;
|
this.blurTimer = setTimeout(function () {
|
Edo.util.Dom.blur(sf.field);
|
}, 100);
|
if (this.field) this.field.blur();
|
},
|
getInnerHtml: function (sb) {
|
|
var w = this.getFieldWidth() - 8; //8是 (1border + 3padding) * 2
|
var h = lh = this.realHeight - 4; //4是 (1border + 1padding) * 2
|
|
if (this.lineHeight && this.lineHeight !== true) {
|
lh = this.lineHeight;
|
}
|
|
var text = this.text;
|
// var text = Edo.isValue(this.text) ? this.text : this.emptyText;
|
// this.elCls += ' ' + (text === this.emptyText ? this.emptyCls : '');
|
|
if (this._mode == 'text') {
|
sb[sb.length] = '<input maxlength="' + this.maxLength + '" type="' + this._htmltype + '" ';
|
} else {
|
sb[sb.length] = '<textarea ';
|
}
|
|
//if(!this.isEnable()) sb[sb.length] = ' disabled="disabled" ';
|
//if(!this.enable) sb[sb.length] = ' disabled="disabled" ';
|
sb[sb.length] = ' autocomplete="off" class="e-text-field" style="height:';
|
sb[sb.length] = h;
|
sb[sb.length] = 'px;line-height:';
|
sb[sb.length] = lh;
|
sb[sb.length] = 'px;width:';
|
sb[sb.length] = w;
|
sb[sb.length] = 'px;';
|
sb[sb.length] = this.textStyle;
|
sb[sb.length] = '" ';
|
|
if (this.readOnly) {
|
sb[sb.length] = ' readonly="true" ';
|
this.elCls += ' e-text-readonly ';
|
}
|
|
if (this._mode == 'text') {
|
sb[sb.length] = ' value="';
|
sb[sb.length] = text;
|
sb[sb.length] = '" />';
|
} else {
|
sb[sb.length] = '>';
|
sb[sb.length] = text;
|
sb[sb.length] = '</textarea>';
|
}
|
},
|
createChildren: function (el) {
|
Edo.controls.TextInput.superclass.createChildren.call(this, el);
|
this.field = this.el.firstChild;
|
},
|
initEvents: function () {
|
Edo.controls.TextInput.superclass.initEvents.call(this);
|
var de = Edo.util.Dom;
|
var f = this.field;
|
de.on(f, 'blur', this._onBlur, this);
|
de.on(f, 'focus', this._onFocus, this);
|
|
|
de.on(f, this.changeAction, this._onTextChange, this);
|
//是否及时change?
|
},
|
_onBlur: function (e) {
|
if (this.within(e)) {
|
return;
|
}
|
|
var sf = this;
|
this.blurTimer = setTimeout(function () {
|
Edo.util.Dom.removeClass(sf.el, sf.focusClass);
|
}, 10);
|
|
e.type = 'textblur';
|
e.target = this;
|
this.fireEvent('textblur', e);
|
|
e.type = 'blur';
|
this.fireEvent('blur', e);
|
|
// if(this.field){
|
// if(this.field.value === this.emptyText){
|
// this.field.value = '';
|
// Edo.util.Dom.addClass(this.el, this.emptyCls);
|
// }else{
|
// Edo.util.Dom.removeClass(this.el, this.emptyCls);
|
// }
|
//
|
// }
|
},
|
_onFocus: function (e) {
|
e.stopDefault();
|
|
// if(this.blurTimer) {
|
// clearTimeout(this.blurTimer);
|
// this.blurTimer = null;
|
// }
|
|
//Edo.util.Dom.addClass(this.el, this.focusClass);
|
|
if (this.isReadOnly()) {
|
if (this.field) Edo.util.Dom.blur(this.field);
|
this.blur();
|
return;
|
}
|
|
var sf = this;
|
setTimeout(function () {
|
Edo.util.Dom.addClass(sf.el, sf.focusClass);
|
}, 1);
|
function _() {
|
if (this.field) this.field.select();
|
}
|
if (this.selectOnFocus) {
|
_.defer(20, this);
|
}
|
|
e.type = 'textfocus';
|
e.target = this;
|
this.fireEvent('textfocus', e);
|
|
e.type = 'focus';
|
this.fireEvent('focus', e);
|
|
// if(this.field){
|
// if(this.field.value === this.emptyText){
|
// this.field.value = '';
|
// Edo.util.Dom.addClass(this.el, this.emptyCls);
|
// }else{
|
// Edo.util.Dom.removeClass(this.el, this.emptyCls);
|
// }
|
// }
|
},
|
_onTextChange: function (e) {
|
this._setText(this.field.value);
|
},
|
_setEnable: function (value) {
|
Edo.controls.TextInput.superclass._setEnable.call(this, value);
|
if (this.field) {
|
this.field.disabled = !this.isEnable();
|
}
|
},
|
_setText: function (value) {
|
if (!Edo.isValue(value)) value = '';
|
|
if (this.text !== value) {
|
if (this.fireEvent('beforetextchange', {
|
type: 'beforetextchange',
|
source: this,
|
text: value
|
}) === false) {
|
if (this.el) this.field.value = this.text;
|
return;
|
}
|
|
this.text = value; //text就是传递进来的值
|
if (this.el) {
|
// if(!Edo.isValue(value)) { //如果为空,则使用emptyText显示
|
// value = this.emptyText;
|
// }
|
this.field.value = value;
|
// if(value === this.emptyText){
|
// Edo.util.Dom.addClass(this.el, this.emptyCls);
|
// }else{
|
// Edo.util.Dom.removeClass(this.el, this.emptyCls);
|
// }
|
}
|
|
this.changeProperty('text', value);
|
|
this.fireEvent('textchange', {
|
type: 'textchange',
|
source: this,
|
text: this.text
|
});
|
}
|
},
|
_setReadOnly: function (value) {
|
if (this.readOnly != value) {
|
this.readOnly = value;
|
if (this.el) {
|
this.field.readOnly = value;
|
if (value) {
|
Edo.util.Dom.addClass(this.el, 'e-text-readonly');
|
} else {
|
Edo.util.Dom.removeClass(this.el, 'e-text-readonly');
|
}
|
}
|
}
|
},
|
//
|
getFieldWidth: function () {
|
var w = this.realWidth;
|
// if(isSafari) {
|
// w -= 8;
|
// }
|
return w;
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
Edo.controls.TextInput.superclass.syncSize.call(this);
|
|
var w = this.getFieldWidth(), h = this.realHeight, f = this.field;
|
Edo.util.Dom.setSize(f, w, h - 2);
|
//line-height
|
if (this.lineHeight) {
|
var h = this.lineHeight === true ? (h - 4) : this.lineHeight;
|
f.style.lineHeight = h + 'px';
|
}
|
},
|
destroy: function () {
|
Edo.util.Dom.clearEvent(this.field);
|
Edo.util.Dom.remove(this.field);
|
this.field = null;
|
Edo.controls.TextInput.superclass.destroy.call(this);
|
},
|
//---------------验证
|
clearInvalid: function () {
|
Edo.controls.TextInput.superclass.clearInvalid.call(this);
|
if (this.el) Edo.util.Dom.removeClass(this.el, 'e-form-invalid');
|
},
|
showInvalid: function (msg) {
|
Edo.controls.TextInput.superclass.showInvalid.call(this, msg);
|
if (this.showValid) {
|
if (this.el) Edo.util.Dom.addClass(this.el, 'e-form-invalid');
|
else this.cls += ' e-form-invalid';
|
}
|
}
|
// ,
|
// //---------------编辑
|
// startEdit: function(data, x, y, w, h){
|
// Edo.controls.TextInput.superclass.startEdit.apply(this, arguments);
|
// //this.field.select();
|
// }
|
});
|
|
Edo.controls.TextInput.regType('textinput', 'text');
|
|
Edo.controls.Password = function () {
|
|
Edo.controls.Password.superclass.constructor.call(this);
|
};
|
Edo.controls.Password.extend(Edo.controls.TextInput, {
|
_htmltype: 'password'
|
});
|
|
Edo.controls.Password.regType('password');
|
|
Edo.controls.TextArea = function () {
|
Edo.controls.TextArea.superclass.constructor.call(this);
|
}
|
Edo.controls.TextArea.extend(Edo.controls.TextInput, {
|
_mode: 'textarea',
|
lineHeight: 14,
|
|
|
defaultHeight: 40
|
});
|
Edo.controls.TextArea.regType('textarea');
|
|
|
|
Edo.controls.Trigger = function () {
|
|
|
|
|
Edo.controls.Trigger.superclass.constructor.call(this);
|
};
|
Edo.controls.Trigger.extend(Edo.controls.TextInput, {
|
enableResizePopup: true,
|
|
maxHeight: 500,
|
|
triggerPopup: false,
|
downShowPopup: true,
|
triggerCls: 'e-trigger',
|
triggerOverCls: 'e-trigger-over',
|
triggerPressedCls: 'e-trigger-pressed',
|
|
triggerVisible: true,
|
|
initEvents: function () {
|
Edo.controls.Trigger.superclass.initEvents.call(this);
|
|
if (!this.design) {
|
Edo.util.Dom.on(this.el, 'mousedown', this._onTriggerMousedown, this);
|
var el = this.trigger;
|
Edo.util.Dom.addClassOnClick(el, this.triggerPressedCls);
|
Edo.util.Dom.addClassOnOver(el, this.triggerOverCls);
|
|
this.on('keydown', this.__onKeyDown, this);
|
}
|
},
|
__onKeyDown: function (e) {
|
switch (e.keyCode) {
|
case 40:
|
if (!this.popupDisplayed && this.downShowPopup) this.showPopup();
|
break;
|
// case 9:
|
// this.hidePopup();
|
// break;
|
}
|
},
|
_onTriggerMousedown: function (e) {
|
if (this.readOnly || e.within(this.trigger)) {
|
this._onTrigger.defer(1, this, [e]);
|
}
|
},
|
_onTrigger: function (e) {
|
e.stopDefault();
|
|
if (!this.isEnable()) return;
|
if (this.parent && this.parent.isReadOnly()) {
|
return;
|
}
|
if (e.button != Edo.util.MouseButton.left) return;
|
|
e.type = 'beforetrigger';
|
e.source = this;
|
|
if (this.fireEvent('beforetrigger', e) === false) return;
|
|
|
if (this.triggerPopup) {
|
if (this.popupDisplayed) {
|
this.hidePopup();
|
} else {
|
this.showPopup();
|
}
|
}
|
//this.focus();
|
this.focus.defer(50, this); //这行代码真恶心..
|
//this.field.focus();
|
// var sf = this;
|
// setTimeout(function(){
|
// sf.field.focus();
|
// }, 100);
|
e.type = 'trigger';
|
this.fireEvent('trigger', {
|
type: 'trigger',
|
source: this
|
});
|
},
|
// setEnable: function(value){
|
// Edo.controls.Trigger.superclass.setEnable.call(this, value);
|
// if(this.trigger){
|
// if(this.isEnable()){
|
// Edo.util.Dom.removeClass(this.trigger, "e-disabled");
|
// }else{
|
// Edo.util.Dom.addClass(this.trigger, "e-disabled");
|
// }
|
// }
|
// },
|
getTriggerHtml: function () {
|
return '<div class="e-trigger-icon"></div>';
|
},
|
getInnerHtml: function (sb) {
|
Edo.controls.Trigger.superclass.getInnerHtml.call(this, sb);
|
|
sb[sb.length] = '<div class="';
|
|
sb[sb.length] = this.triggerCls;
|
sb[sb.length] = '" style="display:';
|
sb[sb.length] = this.triggerVisible ? 'block' : 'none';
|
sb[sb.length] = ';height:';
|
sb[sb.length] = this.realHeight - 1;
|
sb[sb.length] = 'px;">';
|
sb[sb.length] = this.getTriggerHtml();
|
sb[sb.length] = '</div>';
|
},
|
createChildren: function (el) {
|
Edo.controls.Trigger.superclass.createChildren.call(this, el);
|
this.trigger = this.field.nextSibling;
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
Edo.controls.Trigger.superclass.syncSize.call(this);
|
|
if (this.triggerVisible) {
|
this.trigger.style.display = 'block';
|
Edo.util.Dom.setHeight(this.trigger, this.realHeight - 4);
|
} else {
|
this.trigger.style.display = 'none';
|
}
|
},
|
triggerWidth: 19,
|
getFieldWidth: function () {
|
return this.realWidth - (this.triggerVisible ? this.triggerWidth : 0);
|
},
|
destroy: function () {
|
Edo.util.Dom.clearEvent(this.trigger);
|
Edo.util.Dom.remove(this.trigger);
|
this.trigger = null;
|
Edo.controls.Trigger.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.controls.Trigger.regType('trigger');
|
|
Edo.controls.Search = function (config) {
|
|
|
Edo.controls.Search.superclass.constructor.call(this);
|
|
};
|
Edo.controls.Search.extend(Edo.controls.Trigger, {
|
|
clearVisible: false,
|
|
elCls: 'e-text e-search',
|
|
clearTriggerCls: 'e-trigger e-trigger-clear e-close',
|
clearTriggerOverCls: 'e-trigger-over',
|
|
getFieldWidth: function () {
|
return this.realWidth - (this.clearVisible ? this.triggerWidth * 2 : (this.triggerVisible ? this.triggerWidth : 0));
|
},
|
getInnerHtml: function (sb) {
|
Edo.controls.Search.superclass.getInnerHtml.call(this, sb);
|
|
sb[sb.length] = '<div class="';
|
|
sb[sb.length] = this.clearTriggerCls;
|
sb[sb.length] = '" style="display:' + (this.clearVisible ? 'block' : 'none') + ';right:' + this.triggerWidth + 'px;height:';
|
sb[sb.length] = this.realHeight - 1;
|
sb[sb.length] = 'px;">';
|
sb[sb.length] = this.getTriggerHtml();
|
sb[sb.length] = '</div>';
|
},
|
initEvents: function () {
|
Edo.controls.Search.superclass.initEvents.call(this);
|
|
if (!this.design) {
|
Edo.util.Dom.on(this.clearTrigger, 'mousedown', this._onClearTrigger, this);
|
Edo.util.Dom.addClassOnOver(this.clearTrigger, this.clearTriggerOverCls);
|
}
|
},
|
createChildren: function (el) {
|
Edo.controls.Search.superclass.createChildren.call(this, el);
|
this.clearTrigger = this.el.lastChild;
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
Edo.controls.Search.superclass.syncSize.call(this);
|
this.clearTrigger.style.display = this.clearVisible ? 'block' : 'none';
|
|
this.clearTrigger.style.height = (this.realHeight - 6) + 'px';
|
|
var fieldwidth = this.getFieldWidth();
|
if (this.clearVisible) {
|
this.clearTrigger.style.left = fieldwidth + 'px';
|
}
|
},
|
_setClearVisible: function (value) {
|
if (this.clearVisible != value) {
|
this.clearVisible = value;
|
if (this.el) {
|
this.syncSize();
|
}
|
this.changeProperty('clearVisible', value);
|
}
|
},
|
_onClearTrigger: function (e) {
|
if (!this.enable) return;
|
if (e.button != Edo.util.MouseButton.left) return;
|
this._setClearVisible(false);
|
|
this.focus.defer(50, this);
|
|
e.type = 'cleartrigger';
|
e.source = this;
|
this.fireEvent('cleartrigger', e);
|
|
}
|
|
});
|
Edo.controls.Search.regType('search');
|
|
Edo.controls.ComboBox = function (config) {
|
|
|
Edo.controls.ComboBox.superclass.constructor.call(this);
|
|
//this.data = new Edo.data.DataTable();
|
this._setData([]);
|
|
this.selecteds = [];
|
};
|
Edo.controls.ComboBox.extend(Edo.controls.Trigger, {
|
|
//textchangeSelect: false,
|
|
triggerPopup: true,
|
|
displayField: 'text',
|
|
selectedIndex: -1, //当前选中索引
|
|
selectedItem: null, //当前选中对象
|
|
//data: null,
|
|
popupWidth: '100%',
|
|
autoSelect: true,
|
selectHidePopup: true,
|
|
|
tableConfig: null,
|
|
set: function (o, value) {
|
if (!o) return;
|
|
if (typeof o === 'string') {
|
var _ = o;
|
o = {};
|
o[_] = value;
|
}
|
|
var selectedIndex = o.selectedIndex;
|
delete o.selectedIndex;
|
|
Edo.controls.ComboBox.superclass.set.call(this, o);
|
|
|
if (Edo.isValue(selectedIndex)) {
|
this._setSelectedIndex(selectedIndex);
|
}
|
return this;
|
},
|
// initEvents: function(){
|
// Edo.controls.ComboBox.superclass.initEvents.call(this);
|
// },
|
__onKeyDown: function (e) {
|
|
this.text = this.field.value;
|
|
if (this.popupDisplayed) {
|
var row = this.table.getFocusItem();
|
var rowIndex = this.table.data.indexOf(row);
|
|
switch (e.keyCode) {
|
case 37:
|
break;
|
case 38: //上
|
rowIndex -= 1;
|
if (rowIndex < 0) {
|
|
} else {
|
this.table.focusItem(rowIndex);
|
}
|
break;
|
case 39:
|
break;
|
case 40: //下
|
|
rowIndex += 1;
|
if (rowIndex > this.table.data.getCount()) {
|
|
} else {
|
this.table.focusItem(rowIndex);
|
}
|
break;
|
case 13:
|
var row = this.table.getFocusItem();
|
|
this.hidePopup();
|
|
this.table.select(row);
|
break;
|
case 27:
|
this.hidePopup();
|
break;
|
default:
|
this.data.filter(this.filterFn, this);
|
|
if (this.data.getCount() == 0) {
|
this.hidePopup();
|
} else {
|
this.showPopup();
|
}
|
break;
|
}
|
} else {
|
switch (e.keyCode) {
|
case 13:
|
case 27:
|
case 37:
|
case 38:
|
case 39:
|
|
break;
|
|
case 40: //下
|
this.showPopup();
|
|
this.hoverDefaultRow();
|
break;
|
default:
|
this.data.filter(this.filterFn, this);
|
|
if (this.data.getCount() == 0) {
|
this.hidePopup();
|
} else {
|
this.showPopup();
|
}
|
this.hoverDefaultRow();
|
break;
|
}
|
}
|
|
},
|
filterFn: function (o) {
|
var text = String(o[this.displayField]);
|
if (text.indexOf(this.text) != -1) {
|
return true;
|
} else {
|
return false;
|
}
|
},
|
_onTrigger: function (e) {
|
Edo.controls.ComboBox.superclass._onTrigger.call(this, e);
|
this.data.clearFilter();
|
|
//this.hoverDefaultRow();
|
},
|
popupReset: false,
|
|
showPopup: function () {
|
if (this.popupReset) {
|
this.resetValue();
|
}
|
Edo.controls.ComboBox.superclass.showPopup.call(this);
|
|
//this.table.clearSelect();
|
//this.table.select(this.selectedItem);
|
},
|
hidePopup: function () {
|
Edo.controls.ComboBox.superclass.hidePopup.call(this);
|
this.data.clearFilter();
|
},
|
hoverDefaultRow: function () {
|
var row = this.selectedItem;
|
if (!row) {
|
row = this.data.getAt(0);
|
}
|
if (this.table && row) {
|
this.table.focusItem.defer(100, this.table, [row]);
|
}
|
},
|
|
_setSelectedItem: function (value) {
|
|
if (this.selectedItem != value) {
|
|
var index = this.data.findIndex(value);
|
|
this._setSelectedIndex(index);
|
|
this.changeProperty('selectedItem', value, true);
|
}
|
},
|
delimiter: ',',
|
|
_setSelectedIndex: function (value) {
|
|
var d = this.data;
|
if (value < 0) {
|
value = -1;
|
}
|
if (value >= this.data.getCount()) {
|
value = this.data.getCount() - 1;
|
}
|
if (this.selectedIndex != value) {
|
|
var sel = this.data.getAt(value);
|
if (this.fireEvent('beforeselectionchange', {
|
type: 'beforeselectionchange',
|
source: this,
|
selectedIndex: value,
|
selectedItem: sel
|
}) === false) return false;
|
|
this.selectedIndex = value;
|
this.selectedItem = sel;
|
|
if (!this.multiSelect) { //保留多选接口
|
this.selecteds = [];
|
}
|
if (value != -1) {
|
this.selecteds.add(sel);
|
}
|
|
var texts = [];
|
|
this.selecteds.each(function (o) {
|
texts.add(o[this.displayField]);
|
}, this);
|
|
this._setText(texts.join(this.delimiter));
|
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this,
|
selectedIndex: value,
|
selectedItem: this.selectedItem
|
});
|
|
this.changeProperty('selectedIndex', value);
|
|
return true;
|
}
|
},
|
// _setMultiSelect: function(value){
|
// value = Edo.toBool(value);
|
// if(this.multiSelect != value){
|
// this.multiSelect = value;
|
// if(this.table){
|
// this.table.set('rowSelectMode', this.multiSelect ? 'multi' : 'single');
|
// }
|
// this.changeProperty('multiSelect', value);
|
// }
|
// },
|
_setData: function (data) {
|
if (typeof data === 'string') data = window[data];
|
if (!data) return;
|
if (data.componentMode != 'data') {
|
if (!this.data) {
|
data = new Edo.data.DataTable(data);
|
} else {
|
this.data.load(data);
|
return;
|
}
|
}
|
|
if (this.data) {
|
this.data.un('datachange', this._onDataChange);
|
}
|
|
this.data = data;
|
|
this.set('selectedIndex', -1);
|
|
this.data.on('datachange', this._onDataChange, this);
|
|
if (this.table) this.table.set('data', data);
|
|
this.changeProperty('data', data);
|
|
},
|
_onSelection: function (e) {
|
var table = e.source;
|
|
if (this.canChange === false) return;
|
//if(this.selectedItem == table.selected) return;
|
|
if (this.autoSelect) {
|
|
this.clearSelect();
|
this._setSelectedItem(table.selected);
|
|
if (this.selectHidePopup) {
|
this.hidePopup();
|
}
|
|
//this.focus.defer(100, this);
|
this.focus();
|
}
|
},
|
clearSelect: function () {
|
this.selectedItem = null;
|
this.selectedIndex = -1;
|
},
|
createPopup: function () {
|
Edo.controls.ComboBox.superclass.createPopup.apply(this, arguments);
|
// Edo.applyIf(this.tableConfig, {
|
// horizontalLine: false
|
// });
|
|
if (!this.table) {
|
var sf = this;
|
var columns = [{ id: 'display', width: '100%', header: '', dataIndex: this.displayField, style: 'cursor:default;'}];
|
|
this.table = Edo.build(Edo.apply({
|
type: 'table',
|
style: 'border:0',
|
outRemoveFocus: false,
|
verticalLine: false,
|
horizontalLine: false,
|
enableCellSelect: false,
|
headerVisible: false,
|
enableTrackOver: true,
|
width: '100%',
|
height: '100%',
|
minHeight: 10,
|
autoHeight: true,
|
rowHeight: 20,
|
autoColumns: true,
|
//autoExpandColumn: 'display',
|
selectedCls: 'e-table-row-over',
|
data: this.data,
|
columns: columns,
|
repeatSelect: true,
|
onmousedown: function (e) {
|
sf.focus();
|
},
|
onselectionchange: this._onSelection.bind(this)
|
}, this.tableConfig));
|
|
|
|
this.popupCt.addChild(this.table);
|
|
this.table.set('cls', 'e-table-hover');
|
}
|
|
this.canChange = false;
|
this.table.deselect();
|
|
if (this.selectedItem && this.selectedIndex != -1) this.table.select(this.selectedItem);
|
else this.table.clearSelect();
|
|
this.canChange = true;
|
},
|
_onDataChange: function (e) { //combo的data改变后,要将table的数据改变
|
|
//this.set('selectedIndex', -1);
|
// if(this.table){
|
// this.table._setData(this.data);
|
// }
|
},
|
|
valueField: 'text',
|
defaultValue: '',
|
setValue: function (v) {
|
var o = {};
|
o[this.valueField] = v; //{id: 1}
|
var index = this.data.findIndex(o);
|
this._setSelectedIndex(index);
|
},
|
getValue: function () {
|
var o = this.selectedItem;
|
if (o) o = o[this.valueField];
|
return o;
|
}
|
});
|
|
Edo.controls.ComboBox.regType('combo');
|
|
Edo.controls.Date = function (config) {
|
|
|
|
Edo.controls.Date.superclass.constructor.call(this);
|
//this.date = new Date();
|
|
//Edo.util.Dom.on(this.field, 'keydown', this._onComboFieldKeyDown, this, 0);
|
};
|
Edo.controls.Date.extend(Edo.controls.Trigger, {
|
showTime: false,
|
disabledDates: null,
|
useEndDate: false,
|
|
enableResizePopup: false,
|
|
valueField: 'date',
|
|
popupWidth: 230,
|
|
popupHeight: 220,
|
maxPopupHeight: 250,
|
|
popupType: 'ct',
|
|
triggerPopup: true,
|
|
|
|
|
format: 'Y-m-d',
|
|
inputFormat: 'Y-m-dTH:i:s',
|
|
|
elCls: 'e-text e-date',
|
|
enableTime: true,
|
|
datepickerClass: 'datepicker',
|
|
valueFormat: false,
|
|
getValue: function () {
|
var v = Edo.controls.DatePicker.superclass.getValue.call(this);
|
if (v && this.valueFormat) v = v.format(this.format);
|
return v;
|
},
|
|
convertDate: function (date) {
|
var v = date;
|
if (!Edo.isDate(date)) {
|
date = Date.parseDate(v, this.inputFormat);
|
if (!Edo.isDate(date)) date = Date.parseDate(v, this.format);
|
}
|
return date;
|
},
|
|
required: true,
|
_setRequired: function (v) {
|
if (this.required != v) {
|
this.required = v;
|
if (this.datePicker) {
|
this.datePicker.set('required', v);
|
}
|
}
|
},
|
_setDate: function (value) {
|
|
value = this.convertDate(value);
|
|
if (!Edo.isDate(value) && this.required) {
|
if (this.date) {
|
this._setText(this.date.format(this.format));
|
}
|
return;
|
}
|
|
if (this.date != value) {
|
|
if (this.fireEvent('beforedatechange', {
|
type: 'beforedatechange',
|
source: this,
|
date: value
|
}) == false) return;
|
|
if (value) {
|
value = new Date(value.getTime());
|
if (this.useEndDate) {
|
value.setHours(23);
|
value.setMinutes(23);
|
value.setSeconds(59);
|
} else {
|
if (this.showTime) {
|
} else {
|
value.setHours(0);
|
value.setMinutes(0);
|
value.setSeconds(0);
|
}
|
}
|
}
|
|
this.date = value;
|
|
this.changeProperty('date', value);
|
|
this.fireEvent('datechange', {
|
type: 'datechange',
|
target: this,
|
date: this.date
|
});
|
}
|
if (Edo.isDate(this.date)) {
|
this._setText(this.date.format(this.format));
|
} else {
|
this._setText('');
|
}
|
},
|
_dateChangeHandler: function (e) {
|
if (this.datePicker && this.datePicker.created) {
|
|
this._setDate(e.date);
|
|
}
|
},
|
within: function (e) { //传递一个事件对象,判断是否在此控件的点击区域内.
|
|
var r = false;
|
if (this.datePicker) r = this.datePicker.within(e); //datePicker有一些下拉框是脱离这个环境的
|
return Edo.controls.Date.superclass.within.call(this, e) || r;
|
},
|
createPopup: function () {
|
|
Edo.controls.Date.superclass.createPopup.apply(this, arguments);
|
|
if (!this.datePicker) {
|
this.datePicker = Edo.build({
|
type: this.datepickerClass,
|
width: '100%',
|
height: '100%',
|
date: this.date,
|
required: this.required,
|
showTime: this.showTime,
|
disabledDates: this.disabledDates,
|
onDatechange: this._dateChangeHandler.bind(this)
|
});
|
|
this.datePicker.on("dateselection", function (e) {
|
this.hidePopup();
|
this.focus();
|
}, this);
|
|
this.popupCt.addChild(this.datePicker);
|
|
//this.popupCt.doLayout();
|
} else {
|
this.datePicker.set('date', this.date);
|
}
|
},
|
_onTextChange: function (e) {
|
Edo.controls.Date.superclass._onTextChange.call(this, e);
|
this._setDate(this.text);
|
}
|
});
|
Edo.controls.Date.regType('date');
|
|
Edo.controls.DatePicker = function (config) {
|
|
|
|
|
Edo.controls.DatePicker.superclass.constructor.call(this);
|
|
//this.date = new Date();
|
this.viewDate = new Date();
|
};
|
Edo.controls.DatePicker.extend(Edo.containers.Box, {
|
componentMode: 'control',
|
|
disabledDates: null, //[{start: date, end: date}, ...]
|
|
|
valueField: 'date',
|
|
weekStartDay: 0,
|
weeks: ['日', '一', '二', '三', '四', '五', '六'],
|
|
|
valueField: 'date',
|
|
width: 185,
|
|
minWidth: 185,
|
defaultWidth: 185,
|
minHeight: 160,
|
defaultHeight: 190,
|
|
|
padding: [0, 0, 0, 0],
|
|
verticalGap: 0,
|
|
elCls: 'e-box e-datepicker e-div',
|
|
|
|
|
format: 'Y-m-d',
|
|
yearFormat: 'Y年',
|
monthFormat: 'm月',
|
|
todayText: '今天',
|
clearText: '清除',
|
autoSelectDate: true,
|
//clearVisible: true,
|
|
required: true,
|
|
valueFormat: false,
|
|
footerVisible: true,
|
headerVisible: true,
|
footerHeight: 35,
|
headerHeight: 25,
|
|
isWorkingDate: function (date) {
|
var day = date.getDay();
|
return !(day == 0 || day == 6);
|
},
|
|
dateRenderer: function (v, r, c, i, d, t) {
|
var h = t.rowHeight - 3;
|
var cls = (v.viewdate.getMonth() != v.date.getMonth() ? 'e-datepicker-outmonthday' : '');
|
if (!t.owner.isWorkingDate(v.date)) c.cls = ' e-datepicker-noworkingday';
|
else c.cls = '';
|
|
if (this.isDisableDate(v.date) == true) {
|
cls += " e-datepicker-disableddate "
|
}
|
|
return '<a style="line-height:' + h + 'px;100%" class="' + cls + '" href="javascript:;" hidefocus>' + v.date.getDate() + '</a>';
|
},
|
|
getValue: function () {
|
var v = Edo.controls.DatePicker.superclass.getValue.call(this);
|
if (v && this.valueFormat) v = v.format(this.format);
|
return v;
|
},
|
|
within: function (e) { //传递一个事件对象,判断是否在此控件的点击区域内.
|
//var dom = DomQuery.findParent(e.target, '.e-datepicker-pupselect', 2);
|
|
var r1 = this.monthpop ? e.within(this.monthpop) : false;
|
var r2 = this.yearpop ? e.within(this.yearpop) : false;
|
|
return Edo.controls.DatePicker.superclass.within.call(this, e) || r1 || r2;
|
},
|
//private
|
monthClickHandler: function (e) {
|
var dh = Edo.util.Dom;
|
var doc = document, bd = doc.body;
|
if (!this.monthpop) {
|
var s = '<div class="e-datepicker-pupselect">';
|
for (var i = 1; i <= 12; i++) {
|
s += '<a href="#" onclick="return false">' + i + '</a>';
|
}
|
s += '</div>';
|
|
//var s = '<div class="e-datepicker-pupselect"><a href="javascript://void(0);">1</a><a href="javascript://void(0);">2</a><a href="javascript://void(0);">3</a><a href="javascript://void(0);">4</a><a href="javascript://void(0);">5</a><a href="javascript://void(0);">6</a><a href="javascript://void(0);">7</a><a href="javascript://void(0);">8</a><a href="javascript://void(0);">9</a><a href="javascript://void(0);">10</a><a href="javascript://void(0);">11</a><a href="javascript://void(0);">12</a></div>';
|
this.monthpop = Edo.util.Dom.append(bd, s);
|
|
}
|
this.monthpop.style.display = 'block';
|
var bs = dh.getBox(this.monthEl);
|
//var xy =dh.getXY(this.header);
|
var xy = this.headerCt.getBox();
|
dh.setXY(this.monthpop, [bs.x, xy.y + bs.height]);
|
|
function onmousedown(e) {
|
|
if (e.within(this.monthpop)) {
|
var d = this.viewDate.clone();
|
d.setMonth(parseInt(e.target.innerHTML) - 1);
|
this._setViewDate(d);
|
}
|
//dh.remove.defer(10, dh, [this.monthpop]);
|
//dh.remove(this.monthpop);
|
//this.monthpop = null;
|
this.monthpop.style.display = 'none';
|
dh.un(doc, 'mousedown', onmousedown, this);
|
}
|
dh.on(doc, 'mousedown', onmousedown, this);
|
},
|
yearClickHandler: function (e) {
|
var dh = Edo.util.Dom;
|
var doc = document, bd = doc.body;
|
var date = this.viewDate;
|
function createYear() {
|
var year = date.getFullYear(); //在当前年上+-4
|
if (!this.yearpop) {
|
var sb = ['<div class="e-datepicker-pupselect">'];
|
sb.push('<a class="pre" href="#" onclick="return false" >-</a>');
|
for (var i = year - 4; i <= year + 4; i++) {
|
sb.push('<a href="#" onclick="return false">', i, '</a>');
|
}
|
sb.push('<a class="next" href="#" onclick="return false" >+</a>');
|
this.yearpop = Edo.util.Dom.append(bd, sb.join(''));
|
} else {
|
var j = 1;
|
var cs = this.yearpop.childNodes;
|
for (var i = year - 4; i <= year + 4; i++) {
|
cs[j++].innerHTML = i;
|
}
|
}
|
this.yearpop.style.display = 'block';
|
}
|
createYear.call(this);
|
|
var bs = dh.getBox(this.yearEl);
|
var xy = this.headerCt.getBox();
|
dh.setXY(this.yearpop, [bs.x, xy.y + bs.height]);
|
|
var index = 0, tt = null;
|
var sf = this;
|
function updateYear() {
|
date = date.add(Date.YEAR, index);
|
createYear.call(sf);
|
}
|
|
function onmouseup(e) {
|
clearInterval(tt);
|
|
dh.un(doc, 'mouseup', onmouseup, this);
|
}
|
|
function onmousedown(e) {
|
var remove = false;
|
if (e.within(this.yearpop)) {
|
var t = e.target;
|
if (dh.hasClass(t, 'pre')) {
|
|
dh.on(doc, 'mouseup', onmouseup, this);
|
index = -1;
|
updateYear();
|
tt = setInterval(updateYear, 100);
|
|
} else if (dh.hasClass(t, 'next')) {
|
dh.on(doc, 'mouseup', onmouseup, this);
|
index = 1;
|
updateYear();
|
tt = setInterval(updateYear, 100);
|
|
} else {
|
var d = this.viewDate.clone();
|
var y = parseInt(e.target.innerHTML);
|
if (isNaN(y)) return;
|
d.setFullYear(y);
|
this._setViewDate(d);
|
remove = true;
|
}
|
} else {
|
remove = true;
|
}
|
|
if (remove) {
|
//dh.remove.defer(10, dh, [this.yearpop]);
|
//this.yearpop = null;
|
this.yearpop.style.display = 'none';
|
|
dh.un(doc, 'mousedown', onmousedown, this);
|
}
|
|
}
|
|
dh.on(doc, 'mousedown', onmousedown, this);
|
|
},
|
preMonth: function (e) {
|
this._setViewDate(this.viewDate.add(Date.MONTH, -1));
|
},
|
nextMonth: function (e) {
|
this._setViewDate(this.viewDate.add(Date.MONTH, 1));
|
},
|
preYear: function (e) {
|
this._setViewDate(this.viewDate.add(Date.YEAR, -1));
|
},
|
nextYear: function (e) {
|
this._setViewDate(this.viewDate.add(Date.YEAR, 1));
|
},
|
selectToday: function (e) {
|
this._setDate(new Date());
|
this.fireEvent('dateselection', {
|
type: 'dateselection',
|
source: this,
|
date: this.date
|
});
|
},
|
clearDate: function () {
|
this.set('date', null);
|
},
|
_onMouseDown: function (e) {
|
|
if (e.within(this.leftYearEl)) this.preYear(e);
|
else if (e.within(this.rightYearEl)) this.nextYear(e);
|
else if (e.within(this.leftEl)) this.preMonth(e);
|
else if (e.within(this.rightEl)) this.nextMonth(e);
|
else if (e.within(this.monthEl)) this.monthClickHandler(e);
|
else if (e.within(this.yearEl)) this.yearClickHandler(e);
|
else if (e.within(this.daysCt)) this.daysCtClickHandler(e);
|
|
e.stopDefault();
|
},
|
_onBeforeTableCellSelectionChange: function (e) {
|
|
var cell = e.value;
|
if (cell) {
|
var d = cell.date;
|
|
//if(!this.date || (d.format(this.format) != this.date.format(this.format))){
|
if (this.autoSelectDate) {
|
|
var timeDate = this.timeControl.value;
|
|
d.setHours(timeDate.getHours());
|
d.setMinutes(timeDate.getMinutes());
|
d.setSeconds(timeDate.getSeconds());
|
if (this.isDisableDate(d) == true) {
|
return false;
|
}
|
|
this._setDate(d);
|
this.fireEvent('dateselection', {
|
type: 'dateselection',
|
source: this,
|
date: this.date
|
});
|
|
|
}
|
return false;
|
//}
|
|
}
|
},
|
isDisableDate: function (date) {
|
if (!this.disabledDates) return false;
|
for (var i = 0, l = this.disabledDates.length; i < l; i++) {
|
var dd = this.disabledDates[i];
|
if (dd.start <= date && date <= dd.end) {
|
return true;
|
}
|
}
|
return false;
|
},
|
showTime: false,
|
timeFormat: 'H',
|
init: function () {
|
|
//trace("datepicker init!!!");
|
var year = this.viewDate.format(this.yearFormat), month = this.viewDate.format(this.monthFormat);
|
|
//创建内置的对象
|
this.setChildren([
|
{
|
type: 'div', width: '100%', height: this.headerHeight,
|
html: '<table class="e-datepicker-header" border="0" cellpadding="0" cellspacing="0" ><tr><td width="10%" style="text-align:center;"><a hidefocus href="javascript:;" class="e-datepicker-year-left"></a></td><td class="e-datepicker-year">' + year + '</td><td width="10%" style="text-align:center;"><a hidefocus href="javascript:;" class="e-datepicker-year-right"></a></td><td ></td><td width="10%" style="text-align:center;"><a hidefocus href="javascript:;" class="e-datepicker-left"></a></td><td class="e-datepicker-month">' + month + '</td><td width="10%" style="text-align:center;"><a href="javascript:;" hidefocus class="e-datepicker-right"></a></td></tr></table>'
|
},
|
{
|
type: 'table', enableCellSelect: true, enableSelect: false, cellPaddingLeft: 0, cellPaddingRight: 0, enableHoverRow: false, cls: 'e-datepicker-body', style: 'border:0', width: '100%', height: '100%', verticalScrollPolicy: 'off', horizontalScrollPolicy: 'off', minHeight: 134, verticalLine: false, horizontalLine: false, autoColumns: true, enableDragDrop: false,
|
repeatSelect: true,
|
columns: this.createDateColumns(),
|
onbeforecellselectionchange: this._onBeforeTableCellSelectionChange.bind(this)
|
},
|
{
|
layout: 'horizontal', type: 'box', cls: 'e-datepicker-foot', border: [1, 0, 0, 0], width: '100%', height: this.footerHeight, verticalAlign: 'middle', horizontalAlign: 'center', padding: 0,
|
children: [
|
{ type: 'timespinner', name: 'time', visible: this.showTime, format: this.timeFormat },
|
{
|
type: 'button', width: 50, height: 22, text: this.todayText,
|
onclick: this.selectToday.bind(this)
|
},
|
{ type: 'space', width: '10%', visible: !this.required },
|
{
|
type: 'button', visible: !this.required, width: 50, height: 22, text: this.clearText,
|
onclick: this.clearDate.bind(this)
|
}
|
]
|
}
|
]);
|
this.headerCt = this.getChildAt(0);
|
this.table = this.getChildAt(1);
|
this.footCt = this.getChildAt(2);
|
|
this.headerCt.set('visible', this.headerVisible);
|
this.footCt.set('visible', this.footerVisible);
|
|
this.table.owner = this;
|
|
this.on('click', this._onMouseDown, this);
|
|
this.table.set('rowHeight', this.getDateHeight());
|
this.table.set('data', this.createViewData());
|
|
this.timeControl = Edo.getByName("time", this)[0];
|
this.timeControl.set("value", this.date);
|
|
this.timeControl.on("valuechange", function (e) {
|
this.allowSetTime = false;
|
var timeDate = this.timeControl.value;
|
var d = this.date.clone();
|
d.setHours(timeDate.getHours());
|
d.setMinutes(timeDate.getMinutes());
|
d.setSeconds(timeDate.getSeconds());
|
this._setDate(d);
|
this.allowSetTime = true;
|
}, this);
|
// this.timeControl.on("valuechange", function (e) {
|
// //alert(1);
|
// });
|
|
Edo.controls.DatePicker.superclass.init.call(this);
|
},
|
createDateColumns: function () {
|
var columns = [];
|
|
for (var i = this.weekStartDay, dataIndex = 0, l = this.weekStartDay + 7; i < l; i++, dataIndex++) {
|
var week = i >= 7 ? i - 7 : i;
|
columns.add({
|
header: this.weeks[week],
|
enableMove: false,
|
enableSort: false,
|
enableResize: false,
|
headerAlign: 'center',
|
dataIndex: dataIndex,
|
//width: '100%',
|
renderer: this.dateRenderer.bind(this)
|
});
|
}
|
return columns;
|
},
|
//根据viewdate的year,month,生成一个7列6行的dataTable数据,用于表格生成
|
createViewData: function () {
|
var data = [];
|
|
var date = this.viewDate.add(Date.DAY, -this.viewDate.getDate() + 1); //获得本月第一天
|
date = date.add(Date.DAY, -date.getDay() + this.weekStartDay); //获得当前周的第一天
|
|
//
|
|
var h = this.getDateHeight();
|
|
var bdHeight = this.getTableBodyHeight();
|
var xpHeight = bdHeight - h * 6;
|
|
for (var j = 0; j < 6; j++) {
|
var record = [];
|
//record.__height = h;
|
for (var i = this.weekStartDay, l = this.weekStartDay + 7; i < l; i++) {
|
record.add({
|
viewdate: this.viewDate,
|
date: date
|
});
|
|
if (j == 0 && record.length == 1) this.startDate = date.clone();
|
if (j == 4 && record.length == 7) this.finishDate = date.clone();
|
|
date = date.add(Date.DAY, 1);
|
}
|
data.add(record);
|
|
//if(j==4) record.__height = h + xpHeight;
|
}
|
|
//this.viewData = data;
|
|
return data;
|
},
|
_setWeekStartDay: function (value) {
|
this.weekStartDay = value;
|
},
|
_setViewDate: function (value) {
|
if (typeof value == 'string') {
|
value = Date.parseDate(value, this.format);
|
}
|
if (!Edo.isDate(value)) return;
|
if (this.viewDate != value) {
|
this.viewDate = value;
|
if (this.inited) {
|
this.table.set('data', this.createViewData());
|
//this.refresh(); //在syncSize的时候会自动调用,所以注释掉
|
}
|
}
|
},
|
_setDate: function (value) {
|
if (typeof value == 'string') {
|
value = Date.parseDate(value, this.format);
|
}
|
if (!Edo.isDate(value)) {
|
value = null;
|
if (this.required) return false;
|
}
|
if (this.date != value) {
|
|
if (this.fireEvent('beforedatechange', {
|
type: 'beforedatechange',
|
source: this,
|
date: this.date
|
}) == false) return;
|
|
this.date = value;
|
|
if (this.allowSetTime !== false) {
|
if (this.timeControl) {
|
this.timeControl.set("value", this.date);
|
}
|
}
|
|
this._setViewDate.defer(100, this, [this.date ? this.date.clone() : new Date()]);
|
|
this.changeProperty('date', value);
|
this.fireEvent('datechange', {
|
type: 'datechange',
|
source: this,
|
date: value
|
});
|
}
|
},
|
refresh: function () {
|
var year = this.viewDate.format(this.yearFormat), month = this.viewDate.format(this.monthFormat);
|
|
if (this.el) {
|
this.yearEl.innerHTML = year;
|
this.monthEl.innerHTML = month;
|
}
|
|
var rowHeight = this.getDateHeight();
|
this.table.set('rowHeight', rowHeight);
|
|
var bdHeight = this.getTableBodyHeight();
|
var xpHeight = bdHeight - rowHeight * 6;
|
this.table.data.view[4].__height = rowHeight + xpHeight;
|
|
this.table.deferRefresh(true);
|
|
this.viewSelectDate(true);
|
|
},
|
viewSelectDate: function (select) {
|
var row = col = -1;
|
var view = this.table.data.view; //this.createViewData();
|
var dateFormat = this.date ? this.date.format('Y-m-d') : null;
|
for (var i = 0, l = view.length; i < l; i++) {
|
var r = view[i];
|
for (var j = 0; j < 7; j++) {
|
if (r[j].date.format('Y-m-d') == dateFormat) {
|
row = i;
|
col = j;
|
break;
|
}
|
}
|
}
|
if (row != -1 && col != -1) {
|
var cell = this.table.data.getAt(row)[col];
|
|
// var d = cell.date;
|
// var cansel = !this.date || (d.format(this.format) != this.date.format(this.format))
|
//
|
if (select !== false) {
|
this.table.fireSelection = false;
|
this.table.selectCell(row, col)
|
this.table.fireSelection = true;
|
} else {
|
this.table.deselectCell(row, col)
|
}
|
}
|
|
|
},
|
syncSize: function () {
|
Edo.controls.DatePicker.superclass.syncSize.call(this);
|
|
|
this.refresh();
|
},
|
getTableBodyHeight: function () {
|
return this.realHeight - (this.footerVisible ? this.footerHeight : 0) - (this.headerVisible ? 28 : 0) - this.table.getHeaderHeight();
|
},
|
getDateHeight: function () {
|
|
var h = this.table ? this.getTableBodyHeight() / 6 : 23;
|
h = parseInt(h);
|
|
return h;
|
},
|
render: function (p) {
|
Edo.controls.DatePicker.superclass.render.call(this, p);
|
|
var hel = this.headerCt.el.firstChild; //!!!
|
|
var tds = hel.rows[0].cells;
|
this.leftEl = Edo.util.Dom.getbyClass('e-datepicker-left', hel);
|
this.rightEl = Edo.util.Dom.getbyClass('e-datepicker-right', hel);
|
|
this.monthEl = Edo.util.Dom.getbyClass('e-datepicker-month', hel);
|
this.yearEl = Edo.util.Dom.getbyClass('e-datepicker-year', hel);
|
|
this.leftYearEl = Edo.util.Dom.getbyClass('e-datepicker-year-left', hel);
|
this.rightYearEl = Edo.util.Dom.getbyClass('e-datepicker-year-right', hel);
|
|
|
// this.table.set('data', this.createViewData());
|
// this.viewSelectDate(true);
|
}
|
|
});
|
|
Edo.controls.DatePicker.regType('datepicker');
|
|
Edo.controls.Label = function () {
|
|
Edo.controls.Label.superclass.constructor.call(this);
|
};
|
Edo.controls.Label.extend(Edo.controls.Control, {
|
elCls: 'e-label',
|
|
autoWidth: true,
|
|
autoHeight: true,
|
|
minWidth: 20,
|
|
|
|
text: '',
|
|
forId: '',
|
|
// sizeSet: false,
|
// widthGeted: false,
|
|
getInnerHtml: function (sb) {
|
sb[sb.length] = this.text;
|
},
|
_setText: function (value) {
|
if (this.text !== value) {
|
this.text = value;
|
if (this.el) {
|
this.el.innerHTML = value;
|
//this.el.style.width = 'auto';
|
}
|
if (!Edo.isInt(this.width)) {
|
this.widthGeted = false;
|
// this.el.style.width = 'auto';
|
// Edo.util.Dom.repaint(this.el);
|
}
|
if (!Edo.isInt(this.height)) {
|
this.heightGeted = false;
|
}
|
this.changeProperty('text', value);
|
this.relayout('text', value);
|
}
|
}
|
});
|
|
Edo.controls.Label.regType('label');
|
|
Edo.controls.Spinner = function (config) {
|
|
|
|
|
Edo.controls.Spinner.superclass.constructor.call(this);
|
|
};
|
Edo.controls.Spinner.extend(Edo.controls.Trigger, {
|
valueField: 'value',
|
downShowPopup: false,
|
defaultValue: 0,
|
|
value: 0,
|
|
// minValue: 0,
|
|
// maxValue: 100,
|
|
incrementValue: 1,
|
|
alternateIncrementValue: 5, //shift+click时
|
|
alternateKey: 'shiftKey',
|
|
spinTime: 100,
|
//triggerCls: 'e-trigger-empty',
|
//withKeyUp: false,
|
valueField: 'value',
|
|
getTriggerHtml: function () {
|
this.elCls += ' e-spinner';
|
return '<div class="e-spinner-up" unselectable="on"><div class="e-trigger-icon" unselectable="on"></div></div><div class="e-spinner-split"></div><div class="e-spinner-down" unselectable="on"><div class="e-trigger-icon" unselectable="on"></div></div>'
|
},
|
|
createChildren: function (el) {
|
Edo.controls.Spinner.superclass.createChildren.call(this, el);
|
this.upEl = this.trigger.firstChild;
|
this.downEl = this.trigger.lastChild;
|
|
var v = this.value;
|
this.value = null;
|
this._setValue(v);
|
},
|
initEvents: function () {
|
if (!this.design) {
|
|
Edo.util.Dom.addClassOnOver(this.upEl, 'e-spinner-up-over');
|
Edo.util.Dom.addClassOnClick(this.upEl, 'e-spinner-up-pressed');
|
Edo.util.Dom.addClassOnOver(this.downEl, 'e-spinner-down-over');
|
Edo.util.Dom.addClassOnClick(this.downEl, 'e-spinner-down-pressed');
|
|
Edo.util.Dom.on(this.field, 'keydown', this._onKeyDown, this);
|
|
Edo.util.Dom.on(document.body, 'mouseup', this.stopSpin, this);
|
|
this.on('spin', this._onSpin, this);
|
}
|
|
Edo.controls.Spinner.superclass.initEvents.call(this);
|
},
|
_onTrigger: function (e) {
|
if (this.isReadOnly()) return;
|
Edo.controls.Spinner.superclass._onTrigger.call(this, e);
|
var direction;
|
|
if (e.within(this.upEl)) {
|
direction = 'up';
|
} else if (e.within(this.downEl)) {
|
direction = 'down';
|
}
|
if (direction) {
|
this.startSpin(direction, e);
|
}
|
},
|
startSpin: function (direction, e) {
|
this.fireSpin(direction, e);
|
|
this.spinTimer = this.fireSpin.time(this.spinTime, this, [direction, e]);
|
|
|
},
|
stopSpin: function (e) {
|
var sf = this;
|
setTimeout(function () {
|
clearInterval(sf.spinTimer);
|
sf.spinTimer = null;
|
}, 1);
|
//Edo.util.Dom.un(document.body, 'mouseup', this.stopSpin, this);
|
},
|
_onKeyDown: function (e) {
|
switch (e.keyCode) {
|
case 38:
|
this.fireSpin('up', e);
|
break;
|
case 40:
|
this.fireSpin('down', e);
|
break;
|
}
|
},
|
fireSpin: function (direction, e) {
|
//
|
|
this.fireEvent('spin', {
|
type: 'spin',
|
direction: direction,
|
source: this,
|
event: e
|
});
|
},
|
_onSpin: function (e) {
|
this.text = this.field.value;
|
this.spin(this.field.value, e.direction, e.event[this.alternateKey]);
|
},
|
spin: function (value, direction, alternate) {
|
var v = this.normalizeValue(value);
|
|
var incr = (alternate == true) ? this.alternateIncrementValue : this.incrementValue;
|
if (Edo.isValue(direction)) {
|
(direction == 'down') ? v -= incr : v += incr;
|
}
|
this._setValue(v);
|
},
|
//确保值的有效性
|
normalizeValue: function (value) {
|
var v = value;
|
|
var v = parseFloat(v);
|
if (isNaN(v)) v = this.value;
|
|
if (this.minValue != undefined && v < this.minValue) {
|
v = this.minValue;
|
}
|
if (this.maxValue != undefined && v > this.maxValue) {
|
v = this.maxValue;
|
}
|
return v;
|
},
|
_setValue: function (v) {
|
v = this.normalizeValue(v);
|
|
var e = {
|
type: 'beforevaluechange',
|
source: this,
|
name: this.name,
|
value: v,
|
text: v
|
};
|
if (this.fireEvent('beforevaluechange', e) !== false) {
|
//if(v !== this.value && this.fireEvent('beforevaluechange', e !== false)){
|
this.value = e.value;
|
//this.setText(e.text);
|
this._setText(e.text);
|
|
e.type = 'valuechange';
|
//this.fireEvent('valuechange', e);
|
|
this.changeProperty('value', this.value);
|
}
|
},
|
_onTextChange: function (e) {
|
|
this.text = this.field.value;
|
|
this.spin(this.field.value);
|
}
|
});
|
|
Edo.controls.Spinner.regType('spinner');
|
|
Edo.controls.DateSpinner = function (config) {
|
|
Edo.controls.DateSpinner.superclass.constructor.call(this);
|
|
};
|
Edo.controls.DateSpinner.extend(Edo.controls.Spinner, {
|
defaultValue: new Date(),
|
|
value: new Date(),
|
|
incrementValue: 1,
|
|
alternateIncrementValue: 1,
|
|
|
format: "Y-m-d",
|
|
incrementConstant: Date.DAY,
|
|
alternateIncrementConstant: Date.MONTH,
|
|
spin: function (value, direction, alternate) {
|
|
var v = this.normalizeValue(value);
|
var dir = (direction == 'down') ? -1 : 1;
|
var incr = (alternate == true) ? this.alternateIncrementValue : this.incrementValue;
|
var dtconst = (alternate == true) ? this.alternateIncrementConstant : this.incrementConstant;
|
|
if (Edo.isValue(direction)) {
|
v = v.add(dtconst, dir * incr);
|
}
|
|
this._setValue(v);
|
},
|
_setText: function (v) {
|
|
v = this.value;
|
if (v && v.getFullYear) {
|
|
v = v.format(this.format);
|
}
|
Edo.controls.DateSpinner.superclass._setText.call(this, v);
|
},
|
//确保值的有效性
|
normalizeValue: function (date) {
|
var dt = date;
|
|
dt = Date.parseDate(dt, this.format);
|
if (!dt) {
|
dt = this.value;
|
}
|
|
var min = (typeof this.minValue == 'string') ? Date.parseDate(this.minValue, this.format) : this.minValue;
|
var max = (typeof this.maxValue == 'string') ? Date.parseDate(this.maxValue, this.format) : this.maxValue;
|
|
if (this.minValue != undefined && dt < min) {
|
dt = min;
|
}
|
if (this.maxValue != undefined && dt > max) {
|
dt = max;
|
}
|
return dt;
|
},
|
getValue: function () {
|
return this.value.format(this.format);
|
}
|
});
|
|
Edo.controls.DateSpinner.regType('datespinner');
|
|
Edo.controls.TimeSpinner = function () {
|
|
Edo.controls.TimeSpinner.superclass.constructor.call(this);
|
|
};
|
Edo.controls.TimeSpinner.extend(Edo.controls.DateSpinner, {
|
|
format: "H:i:s",
|
|
incrementValue: 1,
|
|
incrementConstant: Date.HOUR,
|
|
alternateIncrementValue: 1,
|
|
alternateIncrementConstant: Date.HOUR,
|
normalizeValue: function (value) {
|
if (typeof value == 'string') {
|
//var v = Date.parseDate(value, 'H:i:s');
|
var v = Date.parseDate(value, this.format);
|
|
if (!v) {
|
var sps = value.split(':');
|
var h = parseInt(sps[0]);
|
var i = parseInt(sps[1]);
|
var s = parseInt(sps[2]);
|
|
var sb = [];
|
if (!isNaN(h)) {
|
if (String(h).length == 1) sb.add('0' + h);
|
else sb.add(h);
|
}
|
if (!isNaN(i)) {
|
if (String(i).length == 1) sb.add('0' + i);
|
else sb.add(i);
|
}
|
if (!isNaN(s)) {
|
if (String(s).length == 1) sb.add('0' + s);
|
else sb.add(s);
|
}
|
v = sb.join(':');
|
}
|
if (v) {
|
value = v;
|
}
|
}
|
return Edo.controls.TimeSpinner.superclass.normalizeValue.call(this, value);
|
}
|
});
|
Edo.controls.TimeSpinner.regType('timespinner');
|
|
Edo.controls.HtmlEditor = function () {
|
Edo.controls.HtmlEditor.superclass.constructor.call(this);
|
}
|
Edo.controls.HtmlEditor.extend(Edo.controls.TextArea, {
|
minWidth: 120,
|
minHeight: 50,
|
elCls: 'e-htmleditor e-div e-text',
|
|
editConfig: null,
|
createChildren: function (el) {
|
Edo.controls.HtmlEditor.superclass.createChildren.call(this, el);
|
this.editor = CKEDITOR.replace(this.field,
|
Edo.apply({
|
skin: "v2", height: this.realHeight - 52,
|
toolbar: 'Basic',
|
toolbarCanCollapse: false,
|
resize_enabled: false,
|
toolbar_Basic: [['Font', 'Bold', 'Italic', 'Underline', '-', 'Subscript', 'Superscript', '-', 'TextColor', 'BGColor', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', '-', 'Maximize', 'Source']]
|
}, this.editConfig));
|
|
},
|
syncSize: function () {
|
Edo.controls.HtmlEditor.superclass.syncSize.apply(this, arguments);
|
|
// this.editor.wrapping.style.width = (this.realWidth-1)+'px';
|
// this.editor.wrapping.style.height = (this.realHeight-1)+"px";
|
|
Edo.util.Dom.setSize(this.el, this.realWidth, this.realHeight);
|
},
|
_setText: function (text) {
|
this.text = text;
|
if (this.editor) this.editor.setData(text);
|
},
|
_getText: function (text) {
|
if (this.editor) this.text = this.editor.getData();
|
return this.text;
|
}
|
});
|
Edo.controls.HtmlEditor.regType('htmleditor');
|
|
|
Edo.controls.CodeEditor = function () {
|
|
Edo.controls.CodeEditor.superclass.constructor.call(this);
|
};
|
Edo.controls.CodeEditor.extend(Edo.controls.TextArea, {
|
minWidth: 120,
|
minHeight: 50,
|
elCls: 'e-codeeditor e-div e-text',
|
path: "/",
|
createChildren: function (el) {
|
Edo.controls.CodeEditor.superclass.createChildren.call(this, el);
|
|
var w = isNaN(this.realWidth) ? this.defaultWidth : this.realWidth - 1;
|
var h = isNaN(this.realHeight) ? this.defaultHeight : this.realHeight - 1;
|
|
|
this.editor = CodeMirror.fromTextArea(this.field, {
|
width: w + 'px',
|
height: h + "px",
|
parserfile: ["tokenizejavascript.js", "parsejavascript.js"],
|
stylesheet: [this.path + "css/jscolors.css"],
|
path: this.path + 'js/'
|
//,lineNumbers: true
|
});
|
|
},
|
|
syncSize: function () {
|
Edo.controls.CodeEditor.superclass.syncSize.apply(this, arguments);
|
|
this.editor.wrapping.style.width = (this.realWidth - 1) + 'px';
|
this.editor.wrapping.style.height = (this.realHeight - 1) + "px";
|
|
Edo.util.Dom.setSize(this.el, this.realWidth, this.realHeight);
|
},
|
_setText: function (text) {
|
this.text = text;
|
if (this.editor) {
|
try {
|
this.editor.setCode(text);
|
} catch (e) {
|
this._setText.defer(100, this, [text]);
|
}
|
}
|
},
|
_getText: function (text) {
|
if (this.editor) this.text = this.editor.getCode();
|
return this.text;
|
}
|
});
|
Edo.controls.CodeEditor.regType('codeeditor');
|
|
|
Edo.controls.Progress = function () {
|
|
|
|
Edo.controls.Progress.superclass.constructor.call(this);
|
};
|
Edo.controls.Progress.extend(Edo.core.UIComponent, {
|
valueField: 'progress',
|
defaultValue: 0,
|
|
minWidth: 50,
|
defaultWidth: 100,
|
|
showText: true,
|
|
progress: 0,
|
|
text: '',
|
|
elCls: 'e-progress e-div',
|
_setProgress: function (value) {
|
if (value < 0) value = 0;
|
if (value > 100) value = 100;
|
if (this.progress != value) {
|
this.progress = value;
|
if (this.el) {
|
this.textEl.innerHTML = this.getProgressDesc();
|
Edo.util.Dom.setWidth(this.progressEl, this.getProgressWidth());
|
}
|
this.changeProperty('progress');
|
|
this.fireEvent('progresschange', {
|
type: 'progresschange',
|
source: this,
|
progress: value,
|
text: this.text
|
});
|
}
|
},
|
_setText: function (value) {
|
if (this.text != value) {
|
this.text = value;
|
if (this.el) {
|
this.textEl.innerHTML = this.getProgressDesc();
|
}
|
this.changeProperty('text');
|
}
|
},
|
getProgressDesc: function () {
|
return this.showText ? this.progress + '% ' + this.text : ' ';
|
},
|
getProgressWidth: function () {
|
return parseInt(this.realWidth * this.progress / 100) - 1;
|
},
|
getInnerHtml: function (sb) {
|
sb[sb.length] = '<div class="e-progress-bar"></div><div class="e-progress-text"></div>';
|
},
|
createChildren: function (el) {
|
Edo.controls.Label.superclass.createChildren.call(this, el);
|
|
this.progressEl = this.el.firstChild;
|
this.textEl = this.el.lastChild;
|
}
|
});
|
|
Edo.controls.Progress.regType('progress');
|
|
Edo.controls.MultiSelect = function () {
|
|
Edo.controls.MultiSelect.superclass.constructor.call(this);
|
};
|
Edo.controls.MultiSelect.extend(Edo.lists.Table, {
|
headerVisible: false,
|
minWidth: 80,
|
minHeight: 50,
|
|
rowSelectMode: 'multi',
|
enableDragDrop: true, //允许行拖拽
|
dragDropAction: 'move', //copy
|
|
displayText: '名称',
|
displayField: 'text',
|
valueField: 'text',
|
|
autoExpandColumn: 'display',
|
|
defaultValue: '',
|
setValue: Edo.controls.DataView.prototype.setValue,
|
getValue: Edo.controls.DataView.prototype.getValue,
|
|
init: function () {
|
this.set('columns', [
|
Edo.lists.Table.createMultiColumn(),
|
{ id: 'display', width: '100%', header: this.displayText, dataIndex: this.displayField }
|
]);
|
Edo.controls.MultiSelect.superclass.init.call(this);
|
}
|
});
|
|
Edo.controls.MultiSelect.regType('multiselect');
|
|
Edo.controls.CheckGroup = function (config) {
|
Edo.controls.CheckGroup.superclass.constructor.call(this);
|
};
|
Edo.controls.CheckGroup.extend(Edo.controls.DataView, {
|
|
autoWidth: true,
|
|
autoHeight: true,
|
|
multiSelect: true,
|
//mustSelect: false,
|
|
repeatSelect: false,
|
selectOnly: false,
|
|
elCls: 'e-checkgroup',
|
|
itemSelector: 'e-checkgroup-item',
|
itemCls: 'e-checkgroup-item',
|
selectedCls: 'e-checkgroup-item-checked',
|
|
displayField: 'text',
|
|
valueField: 'value',
|
|
repeatLayout: 'table', //flow
|
|
repeatDirection: 'vertical', // horizontal
|
|
repeatItems: 10000,
|
|
itemWidth: 'auto',
|
|
itemHeight: 'auto',
|
|
cellPadding: 0,
|
|
cellSpacing: 2,
|
|
tpl: '<%=this.createView();%>',
|
|
itemStyle: 'padding-right:3px;',
|
itemRenderer: function () {
|
|
},
|
createView: function () {
|
var data = this.data;
|
if (!data || data.getCount() == 0) return '';
|
data = this.data.view;
|
if (this.repeatLayout == 'table') {
|
data = this.createTableData(data);
|
var sb = ['<table cellpadding="' + this.cellPadding + '" cellspacing="' + this.cellSpacing + '">'];
|
for (var i = 0, l = data.length; i < l; i++) {
|
var r = data[i];
|
sb[sb.length] = '<tr>';
|
for (var j = 0, k = r.length; j < k; j++) {
|
var o = r[j];
|
sb[sb.length] = '<td style="vertical-align:top;">';
|
sb[sb.length] = this.getItemHtml(o);
|
sb[sb.length] = '</td>';
|
|
}
|
sb[sb.length] = '</tr>';
|
}
|
sb[sb.length] = '</table>';
|
return sb.join('');
|
} else {
|
var sb = [];
|
for (var i = 0, l = data.length; i < l; i++) {
|
var o = data[i];
|
sb[sb.length] = this.getItemHtml(o, 'float:left');
|
}
|
return sb.join('');
|
}
|
},
|
createTableData: function (data) {
|
var view = [];
|
|
for (var i = 0, l = data.length; i < l; i++) {
|
var o = data[i];
|
|
var index = parseInt(i / this.repeatItems);
|
if (this.repeatDirection == 'vertical') {
|
index = i % this.repeatItems;
|
|
}
|
var r = view[index];
|
if (!r) {
|
r = [];
|
view.add(r);
|
}
|
r.add(o);
|
}
|
return view;
|
},
|
getItemHtml: function (o, style) {
|
var s = '<div id=' + this.createItemId(o) + ' class="' + this.itemCls + ' ' + (o.enable === false ? 'e-disabled' : '') + '" style="float:left;' + style + ';' + this.itemStyle + ';width:' + this.itemWidth + '">' + o[this.displayField] + '</div>';
|
return s;
|
}
|
});
|
Edo.controls.CheckGroup.regType('checkgroup');
|
|
|
Edo.controls.RadioGroup = function () {
|
|
Edo.controls.RadioGroup.superclass.constructor.call(this);
|
};
|
Edo.controls.RadioGroup.extend(Edo.controls.CheckGroup, {
|
|
multiSelect: false,
|
mustSelect: true,
|
elCls: 'e-radiogroup',
|
itemCls: 'e-checkgroup-item'
|
});
|
|
Edo.controls.RadioGroup.regType('radiogroup');
|
|
|
Edo.controls.SWF = function () {
|
Edo.controls.SWF.superclass.constructor.call(this);
|
}
|
Edo.controls.SWF.extend(Edo.controls.Control, {
|
|
minWidth: 100,
|
|
minHeight: 50,
|
|
defaultWidth: 100,
|
|
defaultHeight: 50,
|
|
flashVersion: '9.0.45',
|
|
backgroundColor: '#ffffff',
|
|
wmode: 'opaque',
|
|
url: undefined,
|
swfId: undefined,
|
swfWidth: '100%',
|
swfHeight: '100%',
|
|
expressInstall: false,
|
|
createChildren: function (el) {
|
Edo.controls.SWF.superclass.createChildren.call(this, el);
|
|
var params = {
|
allowScriptAccess: 'always',
|
bgcolor: this.backgroundColor,
|
wmode: this.wmode
|
}, vars = {
|
allowedDomain: document.location.hostname,
|
//elementID: this.getId(),
|
elementID: this.id
|
//,eventHandler: 'Ext.FlashEventProxy.onEvent'
|
};
|
|
var id = this.id + 'swf';
|
|
Edo.util.Dom.append(this.el, '<div id="' + id + '"></div>');
|
|
new swfobject.embedSWF(this.url, id, this.swfWidth, this.swfHeight, this.flashVersion,
|
this.expressInstall ? Edo.controls.SWF.EXPRESS_INSTALL_URL : undefined, vars, params);
|
|
this.swf = Edo.getDom(id);
|
},
|
syncSize: function () {
|
Edo.controls.SWF.superclass.syncSize.apply(this, arguments);
|
|
|
// this.editor.wrapping.style.width = (this.realWidth-1)+'px';
|
// this.editor.wrapping.style.height = (this.realHeight-1)+"px";
|
//
|
// Edo.util.Dom.setSize(this.el, this.realWidth, this.realHeight);
|
}
|
});
|
|
Edo.controls.SWF.regType('swf');
|
Edo.controls.SWF.EXPRESS_INSTALL_URL = 'http:/' + '/swfobject.googlecode.com/svn/trunk/swfobject/expressInstall.swf';
|
|
|
|
Edo.controls.FileUpload = function () {
|
if (typeof SWFUpload == 'undefined') {
|
throw new Error("请引入swfupload.js");
|
}
|
|
|
|
|
|
Edo.controls.FileUpload.superclass.constructor.call(this);
|
}
|
Edo.controls.FileUpload.extend(Edo.controls.Control, {
|
|
swfUploadConfig: null,
|
|
buttonWidth: 69,
|
|
autoClear: true,
|
|
textVisible: true,
|
|
elCls: 'e-fileupload e-div',
|
|
getInnerHtml: function (sb) {
|
var id = this.id + "$place";
|
var inputid = this.id + "$input";
|
var w = this.realWidth - this.buttonWidth;
|
sb[sb.length] = '<input id="' + inputid + '" readOnly type="text" class="e-fileupload-text" value="" style="width:' + w + 'px;"> <span id="' + id + '"></span>';
|
},
|
createChildren: function () {
|
Edo.controls.FileUpload.superclass.createChildren.apply(this, arguments);
|
|
var id = this.id + "$place";
|
|
var c = Edo.apply({
|
//upload_url: "upload.aspx",
|
//file_post_name: "resume_file",
|
//flash_url : "../../source/res/swfupload.swf",
|
|
button_window_mode: SWFUpload.WINDOW_MODE.OPAQUE,
|
button_image_url: "XPButtonUploadText_61x22.png",
|
//button_placeholder_id : "spanButtonPlaceholder",
|
button_width: 61,
|
button_height: 22,
|
|
// Flash file settings
|
file_size_limit: "64",
|
file_types: "*.jpg;*.gif;*.png;*.bmp",
|
file_types_description: "All Files",
|
file_upload_limit: "0",
|
file_queue_limit: "0",
|
|
file_queued_handler: this._onFileQueued.bind(this),
|
file_queue_error_handler: this._onFileQueueError.bind(this),
|
|
upload_start_handler: this._onFileStart.bind(this),
|
upload_error_handler: this._onFileError.bind(this),
|
upload_success_handler: this._onFileSuccess.bind(this)
|
}, this.swfUploadConfig);
|
c.button_placeholder_id = id;
|
|
this.upload = new SWFUpload(c);
|
|
var inputid = this.id + "$input";
|
this.inputField = document.getElementById(inputid);
|
},
|
_onFileQueued: function (file) {
|
var txt = this.inputField;
|
|
var txtFileName = txt.value;
|
if (txtFileName && txtFileName != file.name) {
|
//this.upload.cancelUpload();
|
}
|
|
txt.value = file.name;
|
|
var e = {
|
type: 'filequeued',
|
source: this,
|
upload: this.upload,
|
filename: file.name,
|
file: file
|
};
|
this.fireEvent('filequeued', e);
|
},
|
_onFileQueueError: function (file, errorCode, message) {
|
var e = {
|
type: 'filequeueerror',
|
source: this,
|
upload: this.upload,
|
file: file,
|
errorCode: errorCode,
|
message: message
|
};
|
this.fireEvent('filequeueerror', e);
|
},
|
_onFileStart: function () {
|
var e = {
|
type: 'filestart',
|
source: this,
|
upload: this.upload
|
};
|
this.fireEvent('filestart', e);
|
},
|
_onFileError: function (file, errorCode, message) {
|
var e = {
|
type: 'fileerror',
|
source: this,
|
upload: this.upload,
|
file: file,
|
errorCode: errorCode,
|
message: message
|
};
|
this.fireEvent('fileerror', e);
|
},
|
_onFileSuccess: function (file, serverData) {
|
if (this.autoClear) this.inputField.value = '';
|
|
var e = {
|
type: 'filesuccess',
|
source: this,
|
upload: this.upload,
|
file: file,
|
serverData: serverData
|
};
|
this.fireEvent('filesuccess', e);
|
},
|
syncSize: function () {
|
Edo.controls.FileUpload.superclass.syncSize.call(this);
|
|
if (this.textVisible) {
|
var w = this.realWidth - this.buttonWidth;
|
Edo.util.Dom.setWidth(this.inputField, w);
|
this.inputField.style.display = '';
|
} else {
|
|
this.inputField.style.display = 'none';
|
}
|
}
|
});
|
|
Edo.controls.FileUpload.regType('fileupload');
|
Edo.controls.PercentSpinner = function () {
|
|
Edo.controls.PercentSpinner.superclass.constructor.call(this);
|
};
|
Edo.controls.PercentSpinner.extend(Edo.controls.Spinner, {
|
minValue: 0,
|
maxValue: 100,
|
_setText: function (v) {
|
|
v += '%';
|
Edo.controls.PercentSpinner.superclass._setText.call(this, v);
|
}
|
});
|
|
Edo.controls.PercentSpinner.regType('percentspinner');
|
|
Edo.controls.MultiCombo = function () {
|
|
Edo.controls.MultiCombo.superclass.constructor.call(this);
|
};
|
Edo.controls.MultiCombo.extend(Edo.controls.Trigger, {
|
tableConfig: null,
|
|
data: null,
|
|
valueField: 'id',
|
displayText: '名称',
|
displayField: 'text',
|
valueField: 'text',
|
delimiter: ',',
|
|
triggerPopup: true,
|
readOnly: true,
|
|
multiSelect: true,
|
_setMultiSelect: function (value) {
|
if (value != this.multiSelect) {
|
this.multiSelect = value;
|
if (this.table) this.table.set('multiSelect', value);
|
// if(value == false){
|
// if(this.table) this.table.set('rowSelectMode', 'single');
|
// }
|
}
|
},
|
// _setValue: function(values){
|
// this.table.setValue(vs);
|
// },
|
setValue: function (vv) {
|
this.table.setValue(vv);
|
},
|
getValue: function () {
|
return this.table.getValue();
|
},
|
|
viewText: function () {
|
var texts = [];
|
|
var selecteds = this.table.getSelecteds();
|
selecteds.each(function (o) {
|
texts.add(o[this.displayField]);
|
}, this);
|
this._setText(texts.join(this.delimiter));
|
},
|
|
_setData: function (data) {
|
if (typeof data === 'string') data = window[data];
|
if (!data) return;
|
if (!data.dataTable) data = new Edo.data.DataTable(data || []);
|
|
this.data = data;
|
|
this.set('text', '');
|
|
if (this.table) this.table.set('data', data);
|
|
this.changeProperty('data', data);
|
},
|
|
onselectionchange: function (e) {
|
this.selectionchanged = true;
|
this.viewText();
|
},
|
init: function () {
|
Edo.controls.MultiCombo.superclass.init.apply(this, arguments);
|
|
if (!this.table) {
|
this.table = Edo.create(Edo.apply({
|
type: 'multiselect',
|
style: 'border:0',
|
width: '100%',
|
height: '100%',
|
autoHeight: true,
|
multiSelect: this.multiSelect,
|
minHeight: 80,
|
maxHeight: 250,
|
displayText: this.displayText,
|
displayField: this.displayField,
|
valueField: this.valueField,
|
delimiter: this.delimiter,
|
onselectionchange: this.onselectionchange.bind(this)
|
}, this.tableConfig));
|
}
|
this.table.set('data', this.data);
|
},
|
showPopup: function () {
|
Edo.controls.MultiCombo.superclass.showPopup.apply(this, arguments);
|
|
if (!this.table.parent) {
|
this.popupCt.addChild(this.table);
|
}
|
|
var sels = this.table.getSelecteds().clone();
|
this.table.set('data', this.data);
|
this.table.selectRange(sels);
|
},
|
hidePopup: function () {
|
Edo.controls.MultiCombo.superclass.hidePopup.apply(this, arguments);
|
|
if (this.selectionchanged) {
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this
|
});
|
}
|
this.selectionchanged = false;
|
}
|
});
|
|
Edo.controls.MultiCombo.regType('multicombo');
|
|
Edo.controls.TreeSelect = function () {
|
|
Edo.controls.TreeSelect.superclass.constructor.call(this);
|
};
|
Edo.controls.TreeSelect.extend(Edo.controls.Trigger, {
|
treeConfig: null,
|
|
data: null,
|
|
multiSelect: true,
|
popupMinWidth: 150,
|
|
enableResizePopup: true,
|
|
popupHeight: 150,
|
|
valueField: 'id',
|
displayText: '名称',
|
displayField: 'text',
|
valueField: 'text',
|
delimiter: ',',
|
|
autoExpandColumn: 'display',
|
|
triggerPopup: true,
|
readOnly: true,
|
|
setValue: function (vv) {
|
Edo.controls.DataView.prototype.setValue.call(this.tree, vv);
|
},
|
getValue: function () {
|
return Edo.controls.DataView.prototype.getValue.call(this.tree);
|
},
|
|
viewText: function () {
|
var texts = [];
|
|
var selecteds = this.tree.getSelecteds();
|
selecteds.each(function (o) {
|
texts.add(o[this.displayField]);
|
}, this);
|
this._setText(texts.join(this.delimiter));
|
},
|
|
_setData: function (data) {
|
if (typeof data === 'string') data = window[data];
|
if (!data) return;
|
if (!data.dataTable) data = new Edo.data.DataTree(data || []);
|
|
this.data = data;
|
|
if (this.tree) this.tree.set('data', data);
|
|
this.changeProperty('data', data);
|
},
|
|
onselectionchange: function (e) {
|
this.selectionchanged = true;
|
this.viewText();
|
this.changeProperty('value', this.getValue(), true);
|
},
|
init: function () {
|
Edo.controls.TreeSelect.superclass.init.apply(this, arguments);
|
|
if (!this.tree) {
|
this.tree = Edo.create(Edo.apply({
|
type: 'tree',
|
style: 'border:0',
|
width: '100%',
|
height: '100%',
|
//autoHeight: true,
|
minHeight: 80,
|
maxHeight: 250,
|
treeColumn: 'display',
|
multiSelect: this.multiSelect,
|
rowSelectMode: this.multiSelect ? 'multi' : 'single',
|
autoExpandColumn: this.autoExpandColumn,
|
valueField: this.valueField,
|
columns: [
|
Edo.lists.Table.createMultiColumn(),
|
{ id: 'display', width: '100%', header: this.displayText, dataIndex: this.displayField }
|
],
|
delimiter: this.delimiter,
|
onselectionchange: this.onselectionchange.bind(this)
|
}, this.treeConfig));
|
}
|
this.tree.set('data', this.data);
|
},
|
showPopup: function () {
|
Edo.controls.TreeSelect.superclass.showPopup.apply(this, arguments);
|
|
if (!this.tree.parent) {
|
this.popupCt.addChild(this.tree);
|
}
|
var sels = this.tree.getSelecteds().clone();
|
this.tree.set('data', this.data);
|
this.tree.selectRange(sels);
|
},
|
hidePopup: function () {
|
Edo.controls.TreeSelect.superclass.hidePopup.apply(this, arguments);
|
|
if (this.selectionchanged) {
|
this.fireEvent('selectionchange', {
|
type: 'selectionchange',
|
source: this
|
});
|
}
|
this.selectionchanged = false;
|
}
|
});
|
|
Edo.controls.TreeSelect.regType('TreeSelect');
|
Edo.controls.DurationSpinner = function (config) {
|
|
Edo.controls.DurationSpinner.superclass.constructor.call(this);
|
|
};
|
Edo.controls.DurationSpinner.extend(Edo.controls.Spinner, {
|
value: {
|
Duration: 0,
|
DurationFormat: 37,
|
Estimated: 1
|
},
|
minValue: -10000,
|
|
incrementValue: 1,
|
alternateIncrementValue: 8,
|
|
durationFormat: null, //必须有一个工期format数组
|
|
mustDay: false,
|
mustInt: true,
|
//durationFormat:
|
// incrementConstant : Date.DAY,
|
// alternateIncrementConstant : Date.MONTH,
|
|
spin: function (value, direction, alternate) {
|
if (!value) value = '0';
|
|
var Estimated = value.indexOf('?') != -1;
|
|
var v = parseFloat(value);
|
var dv = value.replace(v, '');
|
if (!dv) dv = 'd';
|
else if (dv == '?') dv = 'd?';
|
if (this.mustDay) {
|
if (dv != 'd' || dv != 'd?') dv = 'd';
|
}
|
|
if (this.mustInt && dv != 'd') v = parseInt(v);
|
|
var DurationFormat = this.durationFormat[dv];
|
|
if (!DurationFormat) {
|
this._setValue(this.value);
|
return;
|
}
|
|
var incr = (alternate == true) ? this.alternateIncrementValue : this.incrementValue;
|
if (Edo.isValue(direction)) {
|
(direction == 'down') ? v -= incr : v += incr;
|
}
|
|
var f = this.durationFormat[DurationFormat];
|
v *= f[0];
|
|
v = {
|
Duration: v,
|
DurationFormat: DurationFormat,
|
Estimated: Estimated
|
}
|
|
this._setValue(v);
|
},
|
_setText: function (v) {
|
|
if (!this.durationFormat) return;
|
|
var f = this.durationFormat[v.DurationFormat];
|
if (!f) {
|
v = '0d';
|
} else {
|
v = (v.Duration / f[0]) + f[2] + (v.Estimated ? '?' : '')
|
}
|
Edo.controls.DurationSpinner.superclass._setText.call(this, v);
|
}
|
,
|
//确保值的有效性
|
normalizeValue: function (v) {
|
|
v.Duration = Edo.controls.DurationSpinner.superclass.normalizeValue.call(this, v.Duration);
|
|
return v;
|
}
|
});
|
|
Edo.controls.DurationSpinner.regType('durationspinner');
|
|
Edo.controls.AutoComplete = function () {
|
Edo.controls.AutoComplete.superclass.constructor.call(this);
|
|
|
}
|
Edo.controls.AutoComplete.extend(Edo.controls.ComboBox, {
|
|
changeAction: 'keyup',
|
|
popupHeight: 120,
|
popupWidth: '100%',
|
|
url: '',
|
|
queryDelay: 500,
|
|
popupShadow: false,
|
|
pageVisible: false,
|
|
autoFill: true,
|
|
maxSize: 10,
|
|
//rootField: '',
|
|
initEvents: function () {
|
if (!this.design) {
|
this.on('popupshow', this._onpopupshow, this, 0);
|
this.on('keyup', this._onkeyup, this, 0);
|
this.on('trigger', this._ontrigger, this, 0);
|
}
|
Edo.controls.AutoComplete.superclass.initEvents.call(this);
|
},
|
|
_onpopupshow: function (e) {
|
var combo = this;
|
if (!this.pager) {
|
|
this.popupCt.set({
|
verticalGap: 0
|
});
|
this.popupCt.addChild({
|
visible: this.pageVisible,
|
infoVisible: false,
|
type: 'pagingbar',
|
name: 'pager',
|
cls: 'e-toolbar',
|
border: [0, 1, 0, 1],
|
onpaging: function (e) {
|
combo.query(combo.text, this.index, this.size);
|
}
|
});
|
this.table.set('autoHeight', false);
|
|
// this.popupCt.addChild({
|
// type: 'box',
|
// width: '100%',
|
// border: 0,
|
// layout: 'horizontal',
|
// horizontalAlign: 'right',
|
// children: [
|
// {
|
// type: 'button',
|
// cls: 'e-toolbar',
|
// text: '取消'
|
// },
|
// {
|
// type: 'button',
|
// width: 50,
|
// text: '确定'
|
// }
|
// ]
|
// });
|
this.pager = Edo.getByName('pager', this.popupCt)[0];
|
|
}
|
},
|
_onkeyup: function (e) {
|
|
if (e.keyCode == 40) {
|
this.showPopup();
|
if (this.data.getCount() == 0) {
|
this.pager.change();
|
} else {
|
//鼠标移动操作表格行
|
}
|
} else if (e.keyCode == 13) {
|
this.hidePopup();
|
} else {
|
var key = this.field.value;
|
// if(key == ''){
|
// this.data.clear();
|
// //this.hidePopup();
|
// return;
|
// }
|
this.showPopup();
|
this.pager.change();
|
}
|
},
|
_ontrigger: function (e) {
|
if (this.data.getCount() == 0) {
|
this.pager.change();
|
}
|
},
|
|
query: function (key, index, size) {
|
// if(key == '') {
|
// return;
|
// }
|
if (this.selectedItem && this.selectedItem[this.displayField] == key) {
|
return;
|
}
|
|
var params = {
|
key: key,
|
index: index || 0,
|
size: size || this.maxSize
|
};
|
var e = {
|
type: 'beforequery',
|
source: this,
|
queryParams: params
|
};
|
if (this.fireEvent('beforequery', e) === false) return;
|
|
this.table.loadingMask = true;
|
this.table.zeroMask = true;
|
this.table.mask();
|
|
if (this.queryTimer) {
|
clearTimeout(this.queryTimer);
|
this.queryTimer = null;
|
}
|
var combo = this;
|
this.queryTimer = setTimeout(function () {
|
combo.doQuery(e.queryParams);
|
}, this.queryDelay);
|
|
},
|
doQuery: function (params) {
|
var combo = this;
|
|
if (this.queryAjax) {
|
Edo.util.Ajax.abort(this.queryAjax);
|
}
|
|
this.queryAjax = Edo.util.Ajax.request({
|
url: this.url,
|
params: params,
|
onSuccess: function (text) {
|
|
if (combo.autoFill) {
|
var data = Edo.util.JSON.decode(text);
|
combo.data.load(data);
|
}
|
combo.fireEvent('query', {
|
type: 'query',
|
success: true,
|
data: text
|
});
|
combo.table.unmask();
|
},
|
onFail: function (code) {
|
if (combo.autoFill) {
|
combo.data.clear();
|
}
|
combo.fireEvent('query', {
|
type: 'query',
|
success: false,
|
errorCode: code
|
});
|
combo.table.unmask();
|
}
|
});
|
|
},
|
_onTextChange: function (e) {
|
Edo.controls.AutoComplete.superclass._onTextChange.call(this, e);
|
if (this.field.value == "") {
|
this.set('selectedIndex', -1);
|
}
|
}
|
,
|
setValue: function (v) {
|
if (v && this.selectedItem != v) {
|
this.selectedItem = v;
|
this.set('text', v[this.displayField]);
|
}
|
},
|
getValue: function () {
|
var o = this.selectedItem;
|
if (o) o = o[this.valueField];
|
return o;
|
}
|
});
|
Edo.controls.AutoComplete.regType('autocomplete');
|
|
Edo.controls.Lov = function () {
|
Edo.controls.Lov.superclass.constructor.call(this);
|
|
this.windowConfig = {
|
width: 500,
|
height: 300,
|
left: 'center',
|
top: 'middle',
|
toolbar: 'no',
|
scrollbars: 'no',
|
menubar: 'no',
|
resizable: 'no',
|
location: 'no',
|
status: 'no'
|
};
|
this.pageConfig = {
|
|
};
|
|
|
|
|
|
this.data = {};
|
};
|
Edo.controls.Lov.extend(Edo.controls.Trigger, {
|
|
|
valueField: 'value',
|
|
displayField: 'text',
|
|
url: '',
|
|
params: null,
|
|
pageName: '',
|
|
autoMask: true,
|
maskTarget: '#body',
|
readOnly: true,
|
elCls: 'e-text e-search',
|
initEvents: function () {
|
Edo.controls.Lov.superclass.initEvents.call(this);
|
|
if (!this.design) {
|
this.on('trigger', this._onLovTrigger, this, 0);
|
}
|
},
|
_onLovTrigger: function (e) {
|
this.open(this.pageConfig);
|
},
|
createPageConfigString: function (obj) {
|
//坐标尺寸计算
|
var sb = [];
|
|
var sw = window.screen.width, sh = window.screen.height - 100;
|
var w = obj.width, h = obj.height;
|
for (var p in obj) {
|
var v = obj[p];
|
if (p == 'left' && v == 'center') {
|
v = sw / 2 - w / 2;
|
}
|
if (p == 'top' && v == 'middle') {
|
v = sh / 2 - h / 2;
|
}
|
sb.push(p + '=' + v);
|
}
|
return sb.join(',');
|
},
|
getValue: function () {
|
if (this.data) return this.data[this.valueField];
|
return null;
|
},
|
setValue: function (v) {
|
this._setData(v);
|
},
|
_setData: function (v) {
|
if (!Edo.isValue(v)) return;
|
if (v !== this.data) {
|
this.data = v;
|
this.set('text', v[this.displayField]);
|
}
|
},
|
|
submit: function (data) {
|
if (typeof data != 'string') {
|
var o = { data: data };
|
data = Edo.util.JSON.encode(o);
|
data = Edo.util.JSON.decode(data).data;
|
} else {
|
data = Edo.util.JSON.decode(data);
|
}
|
|
this.setValue(data);
|
|
var e = {
|
type: 'submit',
|
source: this,
|
data: data
|
};
|
this.fireEvent('submit', e);
|
|
this.data = data;
|
|
this.close();
|
},
|
|
open: function (config) {
|
|
if (this.pager) {
|
this.close();
|
}
|
|
var e = {
|
type: 'beforeopen',
|
source: this
|
};
|
if (this.fireEvent('beforeopen', e) === false) return false;
|
|
if (this.autoMask) {
|
var obj = (this.maskTarget == '#body' || !this.maskTarget) ? document.body : this.maskTarget;
|
if (Edo.type(obj) == 'element') {
|
Edo.util.Dom.mask(obj);
|
} else {
|
obj.mask();
|
}
|
}
|
var config = Edo.applyIf(this.pageConfig, this.windowConfig);
|
var cstr = this.createPageConfigString(config);
|
|
var url = this.urlEncode(this.params, this.url.indexOf('?') == -1 ? this.url + '?' : this.url);
|
|
this.pager = window.open(url, this.pageName, cstr);
|
this.pager.focus();
|
var sf = this;
|
|
window.submitPagerData = function (data) {
|
sf.submit(data);
|
}
|
|
setTimeout(function () {
|
Edo.util.Dom.on(sf.pager, 'unload', sf.onPageUnload, sf);
|
}, this.deferBindUnload);
|
|
this.startFocus();
|
|
e.type = 'open';
|
e.pager = this.pager;
|
this.fireEvent('open', e);
|
},
|
urlEncode: function (o, pre) {
|
var undef, buf = [], key, e = encodeURIComponent;
|
|
for (key in o) {
|
undef = typeof o[key] === 'undefined';
|
[ ].each.call(undef ? key : o[key], function (val, i) {
|
buf.push("&", e(key), "=", (val != key || !undef) ? e(val) : "");
|
});
|
}
|
if (!pre) {
|
buf.shift();
|
pre = "";
|
}
|
return pre + buf.join('');
|
},
|
deferBindUnload: 800,
|
|
close: function () {
|
|
if (this.pager) {
|
this.pager.close();
|
var obj = this.maskTarget == '#body' ? document.body : this.maskTarget;
|
if (Edo.type(obj) == 'element') {
|
Edo.util.Dom.unmask(obj);
|
} else {
|
obj.unmask();
|
}
|
}
|
|
Edo.util.Dom.un(this.pager, 'unload', this.onPageUnload, this);
|
this.stopFocus();
|
this.pager = null;
|
|
this.fireEvent('close', {
|
type: 'close',
|
source: this
|
});
|
},
|
onWindowFocus: function (e) {
|
try {
|
Edo.util.Dom.focus(this.pager);
|
} catch (e) {
|
|
}
|
},
|
onPageUnload: function (e) {
|
this.close();
|
},
|
startFocus: function () {
|
this.stopFocus();
|
Edo.util.Dom.on(window, 'focus', this.onWindowFocus, this);
|
},
|
stopFocus: function () {
|
Edo.util.Dom.un(window, 'focus', this.onWindowFocus, this);
|
},
|
destroy: function () {
|
this.close();
|
|
Edo.controls.Lov.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.controls.Lov.regType('lov');
|
|
Edo.controls.SuperSelect = function () {
|
Edo.controls.SuperSelect.superclass.constructor.call(this);
|
|
|
};
|
Edo.controls.SuperSelect.extend(Edo.controls.ComboBox, {
|
|
multiSelect: true,
|
|
autoHeight: true,
|
|
popupReset: false,
|
|
triggerVisible: false,
|
|
elCls: 'e-superselect',
|
|
delimiter: ',',
|
|
valueField: 'id',
|
|
textField: 'text',
|
itemRenderer: function (r, rowIndex) {
|
return '<a href="javascript:void(0);" hidefocus id="' + this.createItemId(r) + '" class="' + this.itemCls + '">' + r[this.textField] + '<span id="' + rowIndex + '" class="e-superselect-item-close"></span></a>';
|
},
|
|
setValue: function (vv) {
|
if (!Edo.isValue(vv)) vv = [];
|
if (typeof vv == 'string') vv = vv.split(this.delimiter);
|
if (!(vv instanceof Array)) vv = [vv];
|
|
this.selecteds = [];
|
vv.each(function (v) {
|
var o = {};
|
o[this.valueField] = v; //{id: 1}
|
var index = this.data.findIndex(o);
|
if (index != -1) {
|
this.selecteds.add(this.data.getAt(index));
|
}
|
}, this);
|
|
this.view.data.load(this.selecteds);
|
|
this.fixAutoSize();
|
this.relayout();
|
},
|
getValue: function () {
|
var rs = [];
|
|
this.selecteds.each(function (o) {
|
if (this.valueField == '*') rs.add(o);
|
else rs.add(o[this.valueField]);
|
}, this);
|
|
return rs.join(this.delimiter);
|
},
|
|
initEvents: function () {
|
|
this.on('keydown', this._onkeydown, this);
|
this.on('click', this._onclick, this);
|
|
this.on('beforeselectionchange', this._onSuperSelectBeforeSelectionChange, this, 0);
|
|
Edo.controls.SuperSelect.superclass.initEvents.call(this);
|
},
|
_onclick: function (e) {
|
if (Edo.util.Dom.hasClass(e.target, 'e-superselect-item-close')) {
|
var rowIndex = parseInt(e.target.id);
|
var row = this.view.data.getAt(rowIndex);
|
|
this.selecteds.remove(row);
|
this.view.data.load(this.selecteds);
|
|
//调整尺寸
|
this.fixAutoSize();
|
|
this.fixInput(this.itemIndex);
|
|
this.relayout('select');
|
}
|
},
|
_onkeydown: function (e) {
|
|
var inField = this.field == e.target;
|
if (inField && this.field.value != '') return;
|
|
if (this.popupDisplayed) {
|
if (e.keyCode == 8 && this.field.value == '') {
|
this.hidePopup.defer(100, this);
|
}
|
return;
|
}
|
var autoSize = true;
|
|
switch (e.keyCode) {
|
case 8:
|
e.stopDefault();
|
if (inField) {
|
this.view.data.removeAt(this.itemIndex);
|
} else {
|
var sels = this.view.getSelecteds();
|
this.view.data.removeRange(sels);
|
|
}
|
this.itemIndex -= 1;
|
var item = this.view.getByIndex(this.itemIndex);
|
if (!item) {
|
this.itemIndex -= 1;
|
item = this.view.getByIndex(this.itemIndex);
|
}
|
|
break;
|
case 127:
|
if (inField) {
|
this.view.data.removeAt(this.itemIndex + 1);
|
} else {
|
var sels = this.view.getSelecteds();
|
this.view.data.removeRange(sels);
|
}
|
|
break;
|
case 37:
|
case 38:
|
this.itemIndex -= 1;
|
|
|
this.view.clearSelect();
|
break;
|
case 39:
|
this.itemIndex += 1;
|
//
|
this.view.clearSelect();
|
break;
|
case 40:
|
return;
|
break;
|
case 36: //home
|
this.itemIndex = -1;
|
|
this.view.clearSelect();
|
break;
|
case 35: //end
|
this.itemIndex = this.view.data.getCount() - 1;
|
|
this.view.clearSelect();
|
break;
|
default:
|
// this.view.fixAutoSize();
|
// this.view.relayout('input');
|
// this.fixAutoSize();
|
// this.relayout('input');
|
return;
|
}
|
if (this.itemIndex < -1) {
|
this.itemIndex = -1;
|
}
|
if (this.itemIndex > this.view.data.getCount() - 1) {
|
this.itemIndex = this.view.data.getCount() - 1;
|
}
|
this.fixInput(this.itemIndex);
|
|
this.fixAutoSize();
|
this.relayout();
|
|
},
|
_onSuperSelectBeforeSelectionChange: function (e) {
|
|
|
var sel = e.selectedItem;
|
if (!sel) return false;
|
|
if (!this.multiSelect) {
|
this.selecteds = [];
|
}
|
this.itemIndex += 1;
|
|
this.selecteds.insert(this.itemIndex, sel);
|
|
if (this.itemIndex < -1) {
|
this.itemIndex = -1;
|
}
|
if (this.itemIndex > this.view.data.getCount() - 1) {
|
this.itemIndex = this.view.data.getCount() - 1;
|
}
|
|
//调整尺寸
|
|
|
this.view.data.load(this.selecteds);
|
|
this.field.value = '';
|
|
//this.fixInput(this.itemIndex);
|
this.fixInput.defer(10, this, [this.itemIndex]); //###
|
|
this.fixAutoSize();
|
this.relayout('select');
|
|
return false;
|
},
|
createChildren: function (el) {
|
Edo.controls.SuperSelect.superclass.createChildren.call(this, el);
|
|
//this.selecteds.addRange(this.data.source);
|
|
this.view = Edo.create({
|
type: 'dataview',
|
render: this.el,
|
itemSelector: 'e-superselect-item',
|
itemCls: 'e-superselect-item',
|
selectedCls: 'e-superselect-item-checked',
|
cls: 'e-superselect-inner',
|
|
width: (this.realWidth || this.defaultWidth) - (this.triggerVisible ? 20 : 0),
|
//height: this.realHeight || this.defaultHeight,
|
autoHeight: true,
|
|
data: this.selecteds,
|
|
emptyText: '请选择',
|
tpl: '<%=this.createView()%>',
|
|
valueField: this.valueField,
|
textField: this.textField,
|
itemRenderer: this.itemRenderer,
|
|
enableDeferRefresh: false,
|
|
createView: function () {
|
var data = this.data;
|
if (!data || data.getCount() == 0) return '';
|
data = this.data.view;
|
|
var text = '<input id="' + this.id + 'text' + '" type="text" class="e-superselect-text" autocomplete="off" size="24" />';
|
|
var sb = [''];
|
for (var i = 0, l = data.length; i < l; i++) {
|
var o = data[i];
|
sb[sb.length] = this.itemRenderer(o, i);
|
}
|
//sb[sb.length] = text;
|
|
//sb[sb.length] = this.itemRenderer(data[0]);
|
|
sb[sb.length] = '<div class="e-clear"></div>';
|
|
//sb[sb.length] =text;
|
return sb.join('');
|
},
|
onmousedown: this._onViewMouseDown.bind(this)
|
});
|
|
Edo.util.Dom.addClass(this.field, 'e-superselect-text');
|
|
var viewEl = this.view.el;
|
Edo.util.Dom.append(viewEl, this.field);
|
|
this.initInput();
|
|
|
Edo.util.Dom.on(document, 'mousedown', function (e) {
|
if (this.within(e)) {
|
Edo.util.Dom.addClass(this.el, this.focusClass);
|
} else {
|
this.view.clearSelect();
|
Edo.util.Dom.removeClass(this.el, this.focusClass);
|
}
|
}, this);
|
},
|
createPopup: function () {
|
|
Edo.controls.SuperSelect.superclass.createPopup.apply(this, arguments);
|
|
},
|
showPopup: function (e) {
|
Edo.controls.SuperSelect.superclass.showPopup.call(this, e);
|
this.data.filter(this.filterFn, this);
|
},
|
filterFn: function (o) {
|
var data = this.selecteds;
|
if (data.indexOf(o) != -1) return false;
|
|
var text = String(o[this.displayField]);
|
if (text.indexOf(this.text) != -1) {
|
return true;
|
} else {
|
return false;
|
}
|
},
|
syncSize: function () { //设置组件尺寸,并设置容器子元素的所有尺寸!
|
Edo.controls.SuperSelect.superclass.syncSize.call(this);
|
|
|
this.autoInput();
|
},
|
initInput: function () {
|
if (!this.input) {
|
this.input = this.field;
|
Edo.util.Dom.on(this.input, 'keydown', function (e) {
|
this.autoInput();
|
}, this);
|
Edo.util.Dom.on(this.input, 'keyup', function (e) {
|
this.autoInput();
|
}, this);
|
}
|
|
},
|
//自适应输入框的宽度
|
autoInput: function () {
|
var text = this.field.value;
|
if (text != '') {
|
Edo.util.Dom.addClass(this.field, 'e-supserselect-text-inputed');
|
|
var size = Edo.util.TextMetrics.measure(this.field, text);
|
|
Edo.util.Dom.setWidth(this.field, size.width + 21); //2是padding-right
|
} else {
|
Edo.util.Dom.removeClass(this.field, 'e-supserselect-text-inputed');
|
this.field.style.width = '15px';
|
}
|
this.field.style.height = '20px';
|
this.field.style.lineHeight = '20px';
|
//Edo.util.Dom.repaint(this.input);
|
//实时看组件的高度是否有变动, 如果有,则调整尺寸
|
|
//
|
// this.heightGet = false;
|
// this.view.heightGet = false;
|
// this.relayout('input');
|
},
|
fixInput: function (index) {
|
var items = this.view.getItems()
|
var targetItem = items[index];
|
var viewEl = this.view.el;
|
if (targetItem) {
|
Edo.util.Dom.after(targetItem, this.field);
|
} else {
|
Edo.util.Dom.preend(viewEl, this.field);
|
}
|
this.focus.defer(50, this);
|
},
|
_onViewMouseDown: function (e) {
|
var el = this.view.getItemEl(e.target);
|
|
if (el) {
|
this.itemIndex = this.view.getItemIndex(el);
|
return;
|
}
|
|
this.view.clearSelect();
|
|
//根据鼠标坐标, 判断在哪一个之后(如果没有找到目标记录, 则加在第一个)
|
this.itemIndex = this.findTargetItem(e.xy);
|
this.fixInput(this.itemIndex);
|
//if(e.target != this.field){
|
|
//}
|
|
//
|
},
|
findTargetItem: function (xy) {
|
var boxs = [];
|
var items = this.view.getItems()
|
for (var i = 0, l = items.length; i < l; i++) {
|
var item = items[i];
|
var box = Edo.util.Dom.getBox(item);
|
boxs.push(box);
|
|
box.el = item;
|
}
|
var elBox = this.getBox();
|
|
for (var i = 0, l = boxs.length; i < l; i++) {
|
var box = boxs[i];
|
var next = boxs[i + 1];
|
if (next && box.y == next.y) {
|
box.right = next.x;
|
} else {
|
box.right = elBox.right;
|
}
|
box.width = box.right - box.x;
|
}
|
for (var i = 0, l = boxs.length; i < l; i++) {
|
var box = boxs[i];
|
|
if (Edo.util.Dom.isInRegin(xy, box)) {
|
return i; //放指定之后
|
}
|
|
if (i == 0) {
|
box.right = box.x;
|
box.x = elBox.x;
|
box.width = box.right - box.x;
|
|
if (Edo.util.Dom.isInRegin(xy, box)) {
|
return -1; //放第一个
|
}
|
}
|
}
|
//否则放最后一个
|
return items.length - 1;
|
},
|
destroy: function () {
|
|
Edo.controls.SuperSelect.superclass.destroy.call(this);
|
}
|
});
|
|
Edo.controls.SuperSelect.regType('SuperSelect');
|
