764 lines
26 KiB
JavaScript
764 lines
26 KiB
JavaScript
/*
|
|
Product Name: dhtmlxSuite
|
|
Version: 4.0.3
|
|
Edition: Professional
|
|
License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
|
|
Copyright UAB Dinamenta http://www.dhtmlx.com
|
|
*/
|
|
|
|
// enable/disable
|
|
|
|
dhtmlXMenuObject.prototype.setItemEnabled = function(id) {
|
|
this._changeItemState(id, "enabled", this._getItemLevelType(id));
|
|
};
|
|
dhtmlXMenuObject.prototype.setItemDisabled = function(id) {
|
|
this._changeItemState(id, "disabled", this._getItemLevelType(id));
|
|
};
|
|
dhtmlXMenuObject.prototype.isItemEnabled = function(id) {
|
|
return (this.itemPull[this.idPrefix+id]!=null?(this.itemPull[this.idPrefix+id]["state"]=="enabled"):false);
|
|
};
|
|
|
|
// enable/disable sublevel item
|
|
dhtmlXMenuObject.prototype._changeItemState = function(id, newState, levelType) {
|
|
var t = false;
|
|
var j = this.idPrefix + id;
|
|
if ((this.itemPull[j] != null) && (this.idPull[j] != null)) {
|
|
if (this.itemPull[j]["state"] != newState) {
|
|
this.itemPull[j]["state"] = newState;
|
|
if (this.itemPull[j]["parent"] == this.idPrefix+this.topId && !this.conf.context) {
|
|
this.idPull[j].className = "dhtmlxMenu_"+this.conf.skin+"_TopLevel_Item_"+(this.itemPull[j]["state"]=="enabled"?"Normal":"Disabled");
|
|
} else {
|
|
this.idPull[j].className = "sub_item"+(this.itemPull[j]["state"]=="enabled"?"":"_dis");
|
|
}
|
|
|
|
this._updateItemComplexState(this.idPrefix+id, this.itemPull[this.idPrefix+id]["complex"], false);
|
|
this._updateItemImage(id, levelType);
|
|
// if changeItemState attached to onClick event and changing applies to selected item all selection should be reparsed
|
|
if ((this.idPrefix + this.conf.last_click == j) && (levelType != "TopLevel")) {
|
|
this._redistribSubLevelSelection(j, this.itemPull[j]["parent"]);
|
|
}
|
|
if (levelType == "TopLevel" && !this.conf.context) { // rebuild style.left and show nested polygons
|
|
// this._redistribTopLevelSelection(id, "parent");
|
|
}
|
|
}
|
|
}
|
|
return t;
|
|
};
|
|
|
|
|
|
// set-get text
|
|
dhtmlXMenuObject.prototype.getItemText = function(id) {
|
|
return (this.itemPull[this.idPrefix+id]!=null?this.itemPull[this.idPrefix+id]["title"]:"");
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setItemText = function(id, text) {
|
|
id = this.idPrefix + id;
|
|
if ((this.itemPull[id] != null) && (this.idPull[id] != null)) {
|
|
this._clearAndHide();
|
|
this.itemPull[id]["title"] = text;
|
|
if (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.conf.context) {
|
|
// top level
|
|
var tObj = null;
|
|
for (var q=0; q<this.idPull[id].childNodes.length; q++) {
|
|
try { if (this.idPull[id].childNodes[q].className == "top_level_text") tObj = this.idPull[id].childNodes[q]; } catch(e) {}
|
|
}
|
|
if (String(this.itemPull[id]["title"]).length == "" || this.itemPull[id]["title"] == null) {
|
|
if (tObj != null) tObj.parentNode.removeChild(tObj);
|
|
} else {
|
|
if (!tObj) {
|
|
tObj = document.createElement("DIV");
|
|
tObj.className = "top_level_text";
|
|
if (this.conf.rtl && this.idPull[id].childNodes.length > 0) this.idPull[id].insertBefore(tObj,this.idPull[id].childNodes[0]); else this.idPull[id].appendChild(tObj);
|
|
}
|
|
tObj.innerHTML = this.itemPull[id]["title"];
|
|
}
|
|
} else {
|
|
// sub level
|
|
var tObj = null;
|
|
for (var q=0; q<this.idPull[id].childNodes[1].childNodes.length; q++) {
|
|
if (String(this.idPull[id].childNodes[1].childNodes[q].className||"") == "sub_item_text") tObj = this.idPull[id].childNodes[1].childNodes[q];
|
|
}
|
|
if (String(this.itemPull[id]["title"]).length == "" || this.itemPull[id]["title"] == null) {
|
|
if (tObj) {
|
|
tObj.parentNode.removeChild(tObj);
|
|
tObj = null;
|
|
this.idPull[id].childNodes[1].innerHTML = " ";
|
|
}
|
|
} else {
|
|
if (!tObj) {
|
|
tObj = document.createElement("DIV");
|
|
tObj.className = "sub_item_text";
|
|
this.idPull[id].childNodes[1].innerHTML = "";
|
|
this.idPull[id].childNodes[1].appendChild(tObj);
|
|
}
|
|
tObj.innerHTML = this.itemPull[id]["title"];
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
// load from html
|
|
dhtmlXMenuObject.prototype.loadFromHTML = function(objId, clearAfterAdd, onLoad) {
|
|
|
|
var t = this.conf.tags.item;
|
|
this.conf.tags.item = "div";
|
|
|
|
var node = (typeof(objId)=="string"?document.getElementById(objId):objId);
|
|
var items = this._xmlToJson(node, this.idPrefix+this.topId);
|
|
this._initObj(items);
|
|
|
|
this.conf.tags.item = t;
|
|
|
|
if (clearAfterAdd) node.parentNode.removeChild(node);
|
|
node = objOd = null;
|
|
|
|
if (onload != null) {
|
|
if (typeof(onLoad) == "function") {
|
|
onLoad();
|
|
} else if (typeof(window[onLoad]) == "function") {
|
|
window[onLoad]();
|
|
}
|
|
}
|
|
};
|
|
|
|
// show/hide items
|
|
dhtmlXMenuObject.prototype.hideItem = function(id) {
|
|
this._changeItemVisible(id, false);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.showItem = function(id) {
|
|
this._changeItemVisible(id, true);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.isItemHidden = function(id) {
|
|
var isHidden = null;
|
|
if (this.idPull[this.idPrefix+id] != null) { isHidden = (this.idPull[this.idPrefix+id].style.display == "none"); }
|
|
return isHidden;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._changeItemVisible = function(id, visible) {
|
|
var itemId = this.idPrefix+id;
|
|
if (this.itemPull[itemId] == null) return;
|
|
if (this.itemPull[itemId]["type"] == "separator") { itemId = "separator_"+itemId; }
|
|
if (this.idPull[itemId] == null) return;
|
|
this.idPull[itemId].style.display = (visible?"":"none");
|
|
this._redefineComplexState(this.itemPull[this.idPrefix+id]["parent"]);
|
|
};
|
|
|
|
// userdata
|
|
dhtmlXMenuObject.prototype.setUserData = function(id, name, value) {
|
|
this.userData[this.idPrefix+id+"_"+name] = value;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.getUserData = function(id, name) {
|
|
return (this.userData[this.idPrefix+id+"_"+name]!=null?this.userData[this.idPrefix+id+"_"+name]:null);
|
|
};
|
|
|
|
// open-mode (win/web)
|
|
dhtmlXMenuObject.prototype.setOpenMode = function(mode) {
|
|
this.conf.mode = (mode=="win"?"win":"web");
|
|
};
|
|
|
|
// web-mode timeout
|
|
dhtmlXMenuObject.prototype.setWebModeTimeout = function(tm) {
|
|
this.conf.tm_sec = (!isNaN(tm)?tm:400);
|
|
};
|
|
|
|
// icons
|
|
dhtmlXMenuObject.prototype.getItemImage = function(id) {
|
|
var imgs = new Array(null, null);
|
|
id = this.idPrefix+id;
|
|
if (this.itemPull[id]["type"] == "item") {
|
|
imgs[0] = this.itemPull[id]["imgen"];
|
|
imgs[1] = this.itemPull[id]["imgdis"];
|
|
}
|
|
return imgs;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setItemImage = function(id, img, imgDis) {
|
|
if (this.itemPull[this.idPrefix+id]["type"] != "item") return;
|
|
this.itemPull[this.idPrefix+id]["imgen"] = img;
|
|
this.itemPull[this.idPrefix+id]["imgdis"] = imgDis;
|
|
this._updateItemImage(id, this._getItemLevelType(id));
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.clearItemImage = function(id) {
|
|
this.setItemImage(id, "", "");
|
|
};
|
|
|
|
// visible area
|
|
dhtmlXMenuObject.prototype.setVisibleArea = function(x1, x2, y1, y2) {
|
|
this.conf.v_enabled = true;
|
|
this.conf.v.x1 = x1;
|
|
this.conf.v.x2 = x2;
|
|
this.conf.v.y1 = y1;
|
|
this.conf.v.y2 = y2;
|
|
};
|
|
|
|
// tooltips
|
|
dhtmlXMenuObject.prototype.setTooltip = function(id, tip) {
|
|
id = this.idPrefix+id;
|
|
if (!(this.itemPull[id] != null && this.idPull[id] != null)) return;
|
|
this.idPull[id].title = (tip.length > 0 ? tip : null);
|
|
this.itemPull[id]["tip"] = tip;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.getTooltip = function(id) {
|
|
if (this.itemPull[this.idPrefix+id] == null) return null;
|
|
return this.itemPull[this.idPrefix+id]["tip"];
|
|
};
|
|
|
|
|
|
|
|
dhtmlXMenuObject.prototype.setTopText = function(text) {
|
|
if (this.conf.context) return;
|
|
if (this._topText == null) {
|
|
this._topText = document.createElement("DIV");
|
|
this._topText.className = "dhtmlxMenu_TopLevel_Text_"+(this.conf.rtl?"left":(this.conf.align=="left"?"right":"left"));
|
|
this.base.appendChild(this._topText);
|
|
}
|
|
this._topText.innerHTML = text;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setAlign = function(align) {
|
|
if (this.conf.align == align) return;
|
|
if (align == "left" || align == "right") {
|
|
// if (this.setRTL) this.setRTL(false);
|
|
this.conf.align = align;
|
|
if (this.cont) this.cont.className = (this.conf.align=="right"?"align_right":"align_left");
|
|
if (this._topText != null) this._topText.className = "dhtmlxMenu_TopLevel_Text_"+(this.conf.align=="left"?"right":"left");
|
|
}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setHref = function(itemId, href, target) {
|
|
if (this.itemPull[this.idPrefix+itemId] == null) return;
|
|
this.itemPull[this.idPrefix+itemId]["href_link"] = href;
|
|
if (target != null) this.itemPull[this.idPrefix+itemId]["href_target"] = target;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.clearHref = function(itemId) {
|
|
if (this.itemPull[this.idPrefix+itemId] == null) return;
|
|
delete this.itemPull[this.idPrefix+itemId]["href_link"];
|
|
delete this.itemPull[this.idPrefix+itemId]["href_target"];
|
|
};
|
|
/*
|
|
File [id="file"] -> Open [id="open"] -> Last Save [id="lastsave"]
|
|
getCircuit("lastsave") will return Array("file", "open", "lastsave");
|
|
*/
|
|
|
|
dhtmlXMenuObject.prototype.getCircuit = function(id) {
|
|
var parents = new Array(id);
|
|
while (this.getParentId(id) != this.topId) {
|
|
id = this.getParentId(id);
|
|
parents[parents.length] = id;
|
|
}
|
|
return parents.reverse();
|
|
};
|
|
// checkboxes
|
|
dhtmlXMenuObject.prototype._getCheckboxState = function(id) {
|
|
if (this.itemPull[this.idPrefix+id] == null) return null;
|
|
return this.itemPull[this.idPrefix+id]["checked"];
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._setCheckboxState = function(id, state) {
|
|
if (this.itemPull[this.idPrefix+id] == null) return;
|
|
this.itemPull[this.idPrefix+id]["checked"] = state;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._updateCheckboxImage = function(id) {
|
|
if (this.idPull[this.idPrefix+id] == null) return;
|
|
this.itemPull[this.idPrefix+id]["imgen"] = "chbx_"+(this._getCheckboxState(id)?"1":"0");
|
|
this.itemPull[this.idPrefix+id]["imgdis"] = this.itemPull[this.idPrefix+id]["imgen"];
|
|
try { this.idPull[this.idPrefix+id].childNodes[(this.conf.rtl?2:0)].childNodes[0].className = "sub_icon "+this.itemPull[this.idPrefix+id]["imgen"]; } catch(e){}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._checkboxOnClickHandler = function(id, type, casState) {
|
|
if (type.charAt(1)=="d") return;
|
|
if (this.itemPull[this.idPrefix+id] == null) return;
|
|
var state = this._getCheckboxState(id);
|
|
if (this.checkEvent("onCheckboxClick")) {
|
|
if (this.callEvent("onCheckboxClick", [id, state, this.conf.ctx_zoneid, casState])) {
|
|
this.setCheckboxState(id, !state);
|
|
}
|
|
} else {
|
|
this.setCheckboxState(id, !state);
|
|
}
|
|
// call onClick if exists
|
|
if (this.checkEvent("onClick")) this.callEvent("onClick", [id]);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setCheckboxState = function(id, state) {
|
|
this._setCheckboxState(id, state);
|
|
this._updateCheckboxImage(id);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.getCheckboxState = function(id) {
|
|
return this._getCheckboxState(id);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.addCheckbox = function(mode, nextToId, pos, itemId, itemText, state, disabled) {
|
|
// checks
|
|
if (this.conf.context && nextToId == this.topId) {
|
|
// adding checkbox as first element to context menu
|
|
// do nothing
|
|
} else {
|
|
if (this.itemPull[this.idPrefix+nextToId] == null) return;
|
|
if (mode == "child" && this.itemPull[this.idPrefix+nextToId]["type"] != "item") return;
|
|
}
|
|
//
|
|
var img = "chbx_"+(state?"1":"0");
|
|
var imgDis = img;
|
|
//
|
|
|
|
if (mode == "sibling") {
|
|
|
|
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
|
|
var parentId = this.idPrefix+this.getParentId(nextToId);
|
|
this._addItemIntoGlobalStrorage(id, parentId, itemText, "checkbox", disabled, img, imgDis);
|
|
this.itemPull[id]["checked"] = state;
|
|
this._renderSublevelItem(id, this.getItemPosition(nextToId));
|
|
} else {
|
|
|
|
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
|
|
var parentId = this.idPrefix+nextToId;
|
|
this._addItemIntoGlobalStrorage(id, parentId, itemText, "checkbox", disabled, img, imgDis);
|
|
this.itemPull[id]["checked"] = state;
|
|
if (this.idPull["polygon_"+parentId] == null) { this._renderSublevelPolygon(parentId, parentId); }
|
|
this._renderSublevelItem(id, pos-1);
|
|
this._redefineComplexState(parentId);
|
|
}
|
|
};
|
|
|
|
// hot-keys
|
|
dhtmlXMenuObject.prototype.setHotKey = function(id, hkey) {
|
|
|
|
id = this.idPrefix+id;
|
|
|
|
if (!(this.itemPull[id] != null && this.idPull[id] != null)) return;
|
|
if (this.itemPull[id]["parent"] == this.idPrefix+this.topId && !this.conf.context) return;
|
|
if (this.itemPull[id]["complex"]) return;
|
|
var t = this.itemPull[id]["type"];
|
|
if (!(t == "item" || t == "checkbox" || t == "radio")) return;
|
|
|
|
// retrieve obj
|
|
var hkObj = null;
|
|
try { if (this.idPull[id].childNodes[this.conf.rtl?0:2].childNodes[0].className == "sub_item_hk") hkObj = this.idPull[id].childNodes[this.conf.rtl?0:2].childNodes[0]; } catch(e){}
|
|
|
|
if (hkey.length == 0) {
|
|
// remove if exists
|
|
this.itemPull[id]["hotkey_backup"] = this.itemPull[id]["hotkey"];
|
|
this.itemPull[id]["hotkey"] = "";
|
|
if (hkObj != null) hkObj.parentNode.removeChild(hkObj);
|
|
|
|
} else {
|
|
|
|
// add if needed or change
|
|
this.itemPull[id]["hotkey"] = hkey;
|
|
this.itemPull[id]["hotkey_backup"] = null;
|
|
//
|
|
if (hkObj == null) {
|
|
hkObj = document.createElement("DIV");
|
|
hkObj.className = "sub_item_hk";
|
|
var item = this.idPull[id].childNodes[this.conf.rtl?0:2];
|
|
while (item.childNodes.length > 0) item.removeChild(item.childNodes[0]);
|
|
item.appendChild(hkObj);
|
|
}
|
|
hkObj.innerHTML = hkey;
|
|
|
|
}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.getHotKey = function(id) {
|
|
if (this.itemPull[this.idPrefix+id] == null) return null;
|
|
return this.itemPull[this.idPrefix+id]["hotkey"];
|
|
};
|
|
|
|
// overflow control
|
|
dhtmlXMenuObject.prototype._clearAllSelectedSubItemsInPolygon = function(polygon) {
|
|
var subIds = this._getSubItemToDeselectByPolygon(polygon);
|
|
// hide opened polygons and selected items
|
|
for (var q=0; q<this.conf.opened_poly.length; q++) {
|
|
if (this.conf.opened_poly[q] != polygon) this._hidePolygon(this.conf.opened_poly[q]);
|
|
}
|
|
for (var q=0; q<subIds.length; q++) {
|
|
if (this.idPull[subIds[q]] != null && this.itemPull[subIds[q]]["state"] == "enabled") {
|
|
this.idPull[subIds[q]].className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_Item_Normal";
|
|
}
|
|
}
|
|
};
|
|
|
|
// define normal/disabled arrows in polygon
|
|
dhtmlXMenuObject.prototype._checkArrowsState = function(id) {
|
|
var polygon = this.idPull["polygon_"+id].childNodes[1];
|
|
var arrowUp = this.idPull["arrowup_"+id];
|
|
var arrowDown = this.idPull["arrowdown_"+id];
|
|
if (polygon.scrollTop == 0) {
|
|
arrowUp.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowUp_Disabled";
|
|
} else {
|
|
arrowUp.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowUp" + (arrowUp.over ? "_Over" : "");
|
|
}
|
|
if (polygon.scrollTop + polygon.offsetHeight < polygon.scrollHeight) {
|
|
arrowDown.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowDown" + (arrowDown.over ? "_Over" : "");
|
|
} else {
|
|
arrowDown.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowDown_Disabled";
|
|
}
|
|
polygon = arrowUp = arrowDown = null;
|
|
};
|
|
|
|
// add up-limit-arrow
|
|
dhtmlXMenuObject.prototype._addUpArrow = function(id) {
|
|
var that = this;
|
|
var arrow = document.createElement("DIV");
|
|
arrow.pId = this.idPrefix+id;
|
|
arrow.id = "arrowup_"+this.idPrefix+id;
|
|
arrow.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowUp";
|
|
|
|
arrow.over = false;
|
|
arrow.onselectstart = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
|
arrow.oncontextmenu = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
|
// actions
|
|
arrow.onmouseover = function() {
|
|
if (that.conf.mode == "web") { window.clearTimeout(that.conf.tm_handler); }
|
|
that._clearAllSelectedSubItemsInPolygon(this.pId);
|
|
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp_Disabled") return;
|
|
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp_Over";
|
|
this.over = true;
|
|
that._canScrollUp = true;
|
|
that._doScrollUp(this.pId, true);
|
|
}
|
|
arrow.onmouseout = function() {
|
|
if (that.conf.mode == "web") {
|
|
window.clearTimeout(that.conf.tm_handler);
|
|
that.conf.tm_handler = window.setTimeout(function(){that._clearAndHide();}, that.conf.tm_sec, "JavaScript");
|
|
}
|
|
this.over = false;
|
|
that._canScrollUp = false;
|
|
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp_Disabled") return;
|
|
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowUp";
|
|
window.clearTimeout(that.conf.of_utm);
|
|
}
|
|
arrow.onclick = function(e) {
|
|
e = e||event;
|
|
if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
|
|
e.cancelBubble = true;
|
|
return false;
|
|
}
|
|
|
|
var polygon = this.idPull["polygon_"+this.idPrefix+id];
|
|
polygon.childNodes[0].appendChild(arrow);
|
|
|
|
this.idPull[arrow.id] = arrow;
|
|
polygon = arrow = null;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._addDownArrow = function(id) {
|
|
|
|
var that = this;
|
|
var arrow = document.createElement("DIV");
|
|
arrow.pId = this.idPrefix+id;
|
|
arrow.id = "arrowdown_"+this.idPrefix+id;
|
|
arrow.className = "dhtmlxMenu_"+this.conf.skin+"_SubLevelArea_ArrowDown";
|
|
|
|
arrow.over = false;
|
|
arrow.onselectstart = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
|
arrow.oncontextmenu = function(e) { e = e||event; if (e.preventDefault) e.preventDefault(); else e.returnValue = false; return false; }
|
|
|
|
// actions
|
|
arrow.onmouseover = function() {
|
|
if (that.conf.mode == "web") { window.clearTimeout(that.conf.tm_handler); }
|
|
that._clearAllSelectedSubItemsInPolygon(this.pId);
|
|
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown_Disabled") return;
|
|
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown_Over";
|
|
this.over = true;
|
|
that._canScrollDown = true;
|
|
that._doScrollDown(this.pId, true);
|
|
}
|
|
arrow.onmouseout = function() {
|
|
if (that.conf.mode == "web") {
|
|
window.clearTimeout(that.conf.tm_handler);
|
|
that.conf.tm_handler = window.setTimeout(function(){that._clearAndHide();}, that.conf.tm_sec, "JavaScript");
|
|
}
|
|
this.over = false;
|
|
that._canScrollDown = false;
|
|
if (this.className == "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown_Disabled") return;
|
|
this.className = "dhtmlxMenu_"+that.conf.skin+"_SubLevelArea_ArrowDown";
|
|
window.clearTimeout(that.conf.of_dtm);
|
|
}
|
|
arrow.onclick = function(e) {
|
|
e = e||event;
|
|
if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
|
|
e.cancelBubble = true;
|
|
return false;
|
|
}
|
|
|
|
var polygon = this.idPull["polygon_"+this.idPrefix+id];
|
|
polygon.childNodes[2].appendChild(arrow);
|
|
|
|
this.idPull[arrow.id] = arrow;
|
|
polygon = arrow = null;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._removeUpArrow = function(id) {
|
|
var fullId = "arrowup_"+this.idPrefix+id;
|
|
this._removeArrow(fullId);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._removeDownArrow = function(id) {
|
|
var fullId = "arrowdown_"+this.idPrefix+id;
|
|
this._removeArrow(fullId);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._removeArrow = function(fullId) {
|
|
var arrow = this.idPull[fullId];
|
|
arrow.onselectstart = null;
|
|
arrow.oncontextmenu = null;
|
|
arrow.onmouseover = null;
|
|
arrow.onmouseout = null;
|
|
arrow.onclick = null;
|
|
if (arrow.parentNode) arrow.parentNode.removeChild(arrow);
|
|
arrow = null;
|
|
this.idPull[fullId] = null;
|
|
try { delete this.idPull[fullId]; } catch(e) {}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._isArrowExists = function(id) {
|
|
if (this.idPull["arrowup_"+id] != null && this.idPull["arrowdown_"+id] != null) return true;
|
|
return false;
|
|
};
|
|
|
|
// scroll down
|
|
dhtmlXMenuObject.prototype._doScrollUp = function(id, checkArrows) {
|
|
var polygon = this.idPull["polygon_"+id].childNodes[1];
|
|
if (this._canScrollUp && polygon.scrollTop > 0) {
|
|
var theEnd = false;
|
|
var nextScrollTop = polygon.scrollTop - this.conf.of_ustep;
|
|
if (nextScrollTop < 0) {
|
|
theEnd = true;
|
|
nextScrollTop = 0;
|
|
}
|
|
polygon.scrollTop = nextScrollTop;
|
|
if (!theEnd) {
|
|
var that = this;
|
|
this.conf.of_utm = window.setTimeout(function() {
|
|
that._doScrollUp(id, false);
|
|
that = null;
|
|
}, this.conf.of_utime);
|
|
} else {
|
|
checkArrows = true;
|
|
}
|
|
} else {
|
|
this._canScrollUp = false;
|
|
this._checkArrowsState(id);
|
|
}
|
|
if (checkArrows) {
|
|
this._checkArrowsState(id);
|
|
}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._doScrollDown = function(id, checkArrows) {
|
|
var polygon = this.idPull["polygon_"+id].childNodes[1];
|
|
if (this._canScrollDown && polygon.scrollTop + polygon.offsetHeight <= polygon.scrollHeight) {
|
|
var theEnd = false;
|
|
var nextScrollTop = polygon.scrollTop + this.conf.of_dstep;
|
|
if (nextScrollTop + polygon.offsetHeight >= polygon.scrollHeight) {
|
|
theEnd = true;
|
|
nextScrollTop = polygon.scrollHeight - polygon.offsetHeight;
|
|
}
|
|
polygon.scrollTop = nextScrollTop;
|
|
if (!theEnd) {
|
|
var that = this;
|
|
this.conf.of_dtm = window.setTimeout(function() {
|
|
that._doScrollDown(id, false);
|
|
that = null;
|
|
}, this.conf.of_dtime);
|
|
} else {
|
|
checkArrows = true;
|
|
}
|
|
} else {
|
|
this._canScrollDown = false;
|
|
this._checkArrowsState(id);
|
|
}
|
|
if (checkArrows) {
|
|
this._checkArrowsState(id);
|
|
}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._countPolygonItems = function(id) {
|
|
var count = 0;
|
|
for (var a in this.itemPull) {
|
|
var par = this.itemPull[a]["parent"];
|
|
var tp = this.itemPull[a]["type"];
|
|
if (par == this.idPrefix+id && (tp == "item" || tp == "radio" || tp == "checkbox")) { count++; }
|
|
}
|
|
return count;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setOverflowHeight = function(itemsNum) {
|
|
|
|
// set auto overflow mode
|
|
if (itemsNum === "auto") {
|
|
this.conf.overflow_limit = 0;
|
|
this.conf.auto_overflow = true;
|
|
return;
|
|
}
|
|
|
|
// no existing limitation, now new limitation
|
|
if (this.conf.overflow_limit == 0 && itemsNum <= 0) return;
|
|
|
|
// hide menu to prevent visible changes
|
|
this._clearAndHide();
|
|
|
|
// redefine existing limitation, arrows will added automatically with showPlygon
|
|
if (this.conf.overflow_limit >= 0 && itemsNum > 0) {
|
|
this.conf.overflow_limit = itemsNum;
|
|
return;
|
|
}
|
|
|
|
// remove existing limitation
|
|
if (this.conf.overflow_limit > 0 && itemsNum <= 0) {
|
|
for (var a in this.itemPull) {
|
|
if (this._isArrowExists(a)) {
|
|
var b = String(a).replace(this.idPrefix, "");
|
|
this._removeUpArrow(b);
|
|
this._removeDownArrow(b);
|
|
// remove polygon's height
|
|
this.idPull["polygon_"+a].childNodes[1].style.height = "";
|
|
}
|
|
}
|
|
this.conf.overflow_limit = 0;
|
|
return;
|
|
}
|
|
};
|
|
|
|
// radiobuttons
|
|
dhtmlXMenuObject.prototype._getRadioImgObj = function(id) {
|
|
try { var imgObj = this.idPull[this.idPrefix+id].childNodes[(this.conf.rtl?2:0)].childNodes[0] } catch(e) { var imgObj = null; }
|
|
return imgObj;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._setRadioState = function(id, state) {
|
|
// if (this.itemPull[this.idPrefix+id]["state"] != "enabled") return;
|
|
var imgObj = this._getRadioImgObj(id);
|
|
if (imgObj != null) {
|
|
// fix, added in 0.4
|
|
var rObj = this.itemPull[this.idPrefix+id];
|
|
rObj["checked"] = state;
|
|
rObj["imgen"] = "rdbt_"+(rObj["checked"]?"1":"0");
|
|
rObj["imgdis"] = rObj["imgen"];
|
|
imgObj.className = "sub_icon "+rObj["imgen"];
|
|
}
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._radioOnClickHandler = function(id, type, casState) {
|
|
if (type.charAt(1)=="d" || this.itemPull[this.idPrefix+id]["group"]==null) return;
|
|
// deselect all from the same group
|
|
var group = this.itemPull[this.idPrefix+id]["group"];
|
|
if (this.checkEvent("onRadioClick")) {
|
|
if (this.callEvent("onRadioClick", [group, this.getRadioChecked(group), id, this.conf.ctx_zoneid, casState])) {
|
|
this.setRadioChecked(group, id);
|
|
}
|
|
} else {
|
|
this.setRadioChecked(group, id);
|
|
}
|
|
// call onClick if exists
|
|
if (this.checkEvent("onClick")) this.callEvent("onClick", [id]);
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.getRadioChecked = function(group) {
|
|
var id = null;
|
|
for (var q=0; q<this.radio[group].length; q++) {
|
|
var itemId = this.radio[group][q].replace(this.idPrefix, "");
|
|
var imgObj = this._getRadioImgObj(itemId);
|
|
if (imgObj != null) {
|
|
var checked = (imgObj.className).match(/rdbt_1$/gi);
|
|
if (checked != null) id = itemId;
|
|
}
|
|
}
|
|
return id;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype.setRadioChecked = function(group, id) {
|
|
if (this.radio[group] == null) return;
|
|
for (var q=0; q<this.radio[group].length; q++) {
|
|
var itemId = this.radio[group][q].replace(this.idPrefix, "");
|
|
this._setRadioState(itemId, (itemId==id));
|
|
}
|
|
}
|
|
|
|
dhtmlXMenuObject.prototype.addRadioButton = function(mode, nextToId, pos, itemId, itemText, group, state, disabled) {
|
|
// radiobutton
|
|
if (this.conf.context && nextToId == this.topId) {
|
|
// adding radiobutton as first element to context menu
|
|
// do nothing
|
|
} else {
|
|
if (this.itemPull[this.idPrefix+nextToId] == null) return;
|
|
if (mode == "child" && this.itemPull[this.idPrefix+nextToId]["type"] != "item") return;
|
|
}
|
|
|
|
var id = this.idPrefix+(itemId!=null?itemId:this._genStr(24));
|
|
var img = "rdbt_"+(state?"1":"0");
|
|
var imgDis = img;
|
|
//
|
|
if (mode == "sibling") {
|
|
var parentId = this.idPrefix+this.getParentId(nextToId);
|
|
this._addItemIntoGlobalStrorage(id, parentId, itemText, "radio", disabled, img, imgDis);
|
|
this._renderSublevelItem(id, this.getItemPosition(nextToId));
|
|
} else {
|
|
var parentId = this.idPrefix+nextToId;
|
|
this._addItemIntoGlobalStrorage(id, parentId, itemText, "radio", disabled, img, imgDis);
|
|
if (this.idPull["polygon_"+parentId] == null) { this._renderSublevelPolygon(parentId, parentId); }
|
|
this._renderSublevelItem(id, pos-1);
|
|
this._redefineComplexState(parentId);
|
|
}
|
|
//
|
|
var gr = (group!=null?group:this._genStr(24));
|
|
this.itemPull[id]["group"] = gr;
|
|
//
|
|
if (this.radio[gr]==null) { this.radio[gr] = new Array(); }
|
|
this.radio[gr][this.radio[gr].length] = id;
|
|
//
|
|
if (state == true) this.setRadioChecked(gr, String(id).replace(this.idPrefix, ""));
|
|
};
|
|
|
|
// serialize
|
|
dhtmlXMenuObject.prototype.serialize = function() {
|
|
var xml = "<menu>"+this._readLevel(this.idPrefix+this.topId)+"</menu>";
|
|
return xml;
|
|
};
|
|
|
|
dhtmlXMenuObject.prototype._readLevel = function(parentId) {
|
|
var xml = "";
|
|
for (var a in this.itemPull) {
|
|
if (this.itemPull[a]["parent"] == parentId) {
|
|
var imgEn = "";
|
|
var imgDis = "";
|
|
var hotKey = "";
|
|
var itemId = String(this.itemPull[a]["id"]).replace(this.idPrefix,"");
|
|
var itemType = "";
|
|
var itemText = (this.itemPull[a]["title"]!=""?' text="'+this.itemPull[a]["title"]+'"':"");
|
|
var itemState = "";
|
|
if (this.itemPull[a]["type"] == "item") {
|
|
if (this.itemPull[a]["imgen"] != "") imgEn = ' img="'+this.itemPull[a]["imgen"]+'"';
|
|
if (this.itemPull[a]["imgdis"] != "") imgDis = ' imgdis="'+this.itemPull[a]["imgdis"]+'"';
|
|
if (this.itemPull[a]["hotkey"] != "") hotKey = '<hotkey>'+this.itemPull[a]["hotkey"]+'</hotkey>';
|
|
}
|
|
if (this.itemPull[a]["type"] == "separator") {
|
|
itemType = ' type="separator"';
|
|
} else {
|
|
if (this.itemPull[a]["state"] == "disabled") itemState = ' enabled="false"';
|
|
}
|
|
if (this.itemPull[a]["type"] == "checkbox") {
|
|
itemType = ' type="checkbox"'+(this.itemPull[a]["checked"]?' checked="true"':"");
|
|
}
|
|
if (this.itemPull[a]["type"] == "radio") {
|
|
itemType = ' type="radio" group="'+this.itemPull[a]["group"]+'" '+(this.itemPull[a]["checked"]?' checked="true"':"");
|
|
}
|
|
xml += "<item id='"+itemId+"'"+itemText+itemType+imgEn+imgDis+itemState+">";
|
|
xml += hotKey;
|
|
if (this.itemPull[a]["complex"]) xml += this._readLevel(a);
|
|
xml += "</item>";
|
|
}
|
|
}
|
|
return xml;
|
|
};
|