Hello
i use the dhtmlxmenu on events, for the right click, in timeline views.
i added in the menu links like copy, cut, paste…
how can i call the copy, cut, etc… actions ?
i can call the “onEventCopied” or so, but this is after the event has been copied.
i can t find answer by searching here.
thanks for your help.
Hi,
there is no public methods for copy and paste function. You’ll need to create a copied event manually. You may check sources of keyboard navigation extension, to see how it was solved there
github.com/DHTMLX/scheduler/blo … key_nav.js
thanks for your reply
i managed to make it work
here is the code that works for me, to delete, copy and paste from contextMenu, if it can be usefull for someone else:
[code]menu.attachEvent(“onClick”, function(id) {
ev = scheduler.getEvent(event_id);
var date; // used for copy and paste operations
var isCopy = null;
if(id == 'delete'){ // check id of clicked menu link
dhtmlx.modalbox({
text: "Etes-vous sûr de vouloir supprimer cette intervention ?",
width: "500px",
position: "middle",
buttons:["Annuler", "Oui"],
callback: function(index) {
switch(+index) {
case 0:
return false;
break;
case 1:
scheduler.deleteEvent(event_id);
return false;
break;
}
}
});
}else if(id == 'copy'){
scheduler._buffer_id = event_id;
isCopy = true;
scheduler.callEvent("onEventCopied", [ev]);
}else if(id == 'paste'){
var ev = scheduler.getEvent(scheduler._buffer_id);
if (ev) {
var event_duration = ev.end_date-ev.start_date;
if (isCopy) {
var new_ev = scheduler._lame_clone(ev);
//clear_event_after(new_ev);
new_ev.id = scheduler.uid();
new_ev.start_date = new Date(date);
new_ev.end_date = new Date(new_ev.start_date.valueOf() + event_duration);
scheduler.addEvent(new_ev);
scheduler.callEvent("onEventPasted", [isCopy, new_ev, ev]);
}else { // cut operation
var copy = scheduler._lame_copy({}, ev);
//clear_event_after(copy);
copy.start_date = new Date(date);
copy.end_date = new Date(copy.start_date.valueOf() + event_duration);
var res = scheduler.callEvent("onBeforeEventChanged",[copy, e, false]);
if (res) {
ev.start_date = new Date(copy.start_date);
ev.end_date = new Date(copy.end_date);
scheduler.render_view_data(); // need to redraw all events
scheduler.callEvent("onEventPasted", [isCopy, ev, copy]);
isCopy = true; // switch to copy after first paste operation
}
}
}
}[/code]
The manulito code didn’t worked for me (variable date undefined, the event isn’t pasted on the correct section, …). I’ve accomplished it with this code, compatible with Scheduler 4.1:
var menu = new dhtmlXMenuObject();
menu.setIconsPath("../assets/img/font-awesome/");
menu.renderAsContextMenu();
menu.loadStruct("../assets/xml/dhxmenu.xml?e=" + new Date().getTime());
var event_id, cb_date, cb_isCopy, cb_section = null;
menu.attachEvent("onClick", function(id) {
eval(id)();
});
scheduler.attachEvent("onContextMenu", function(event_id_loc, native_event_object) {
event_id = event_id_loc;
cb_date = scheduler.getActionData(native_event_object).date;
cb_section = scheduler.getActionData(native_event_object).section;
/* Menu position */
var posx = 0;
var posy = 0;
if (native_event_object.pageX || native_event_object.pageY) {
posx = native_event_object.pageX;
posy = native_event_object.pageY;
} else if (native_event_object.clientX || native_event_object.clientY) {
posx = native_event_object.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
posy = native_event_object.clientY + document.body.scrollTop + document.documentElement.scrollTop;
}
/* Menu items */
if (event_id) {
menu.showItem("menu_cb_copy");
menu.showItem("menu_cb_cut");
menu.hideItem("menu_cb_paste");
menu.showContextMenu(posx, posy);
}
else {
menu.hideItem("menu_cb_copy");
menu.hideItem("menu_cb_cut");
menu.showItem("menu_cb_paste");
menu.showContextMenu(posx, posy);
}
return false; // prevent default action and propagation
});
function menu_cb_copy() {
scheduler._buffer_id = event_id;
cb_isCopy = true;
scheduler.callEvent("onEventCopied", [scheduler.getEvent(event_id)]);
}
function menu_cb_cut() {
scheduler._buffer_id = event_id;
cb_isCopy = false;
scheduler.callEvent("onEventCut", [scheduler.getEvent(event_id)]);
}
function menu_cb_paste() {
var ev = scheduler.getEvent(scheduler._buffer_id);
if (ev) {
if (cb_isCopy) { // copy-paste
new_ev = _cb_make_paste_event(ev);
new_ev.id = scheduler.uid();
scheduler.addEvent(new_ev);
scheduler.callEvent("onEventPasted", [cb_isCopy, new_ev, ev]);
} else { // cut-paste
new_ev = _cb_make_paste_event(ev);
var a = scheduler.callEvent("onBeforeEventChanged", [new_ev, null, !1, ev]);
a && (scheduler.addEvent(new_ev), scheduler.callEvent("onEventPasted", [cb_isCopy, new_ev, ev]));
}
}
}
function _cb_make_paste_event(ev) {
var event_duration = ev.end_date-ev.start_date;
var new_ev = scheduler._lame_copy({}, ev);
new_ev.start_date = new Date(cb_date);
new_ev.end_date = new Date(new_ev.start_date.valueOf() + event_duration);
if (cb_section) {
var a = scheduler.getState().mode, d = null;
scheduler.matrix[a] ? d = scheduler.matrix[a].y_property : scheduler._props[a] && (d = scheduler._props[a].property), new_ev[d] = cb_section;
}
return new_ev;
}Hope DHTMLX will make public the copy/cut/paste functions so we don’t have to duplicate code.