Hi
I’m evaluating the Scheduler Pro component and have set up a small test like shown below. The problem is, that whenever I double click on an existing event, nothing happends in the Chrome browser (version 44). In IE 11, the lightbox pops up nicely.
.
Am I the only one expericing this behaviour or is this a bug?
[code]
<!-- jQuery -->
<script src="/vendor/jquery/dist/jquery.min.js"></script>
<script src='/dhtmlx/codebase/dhtmlxscheduler.js' type="text/javascript" charset="utf-8"></script>
<link rel='stylesheet' type='text/css' href='/dhtmlx/codebase/dhtmlxscheduler.css'>
<link rel='stylesheet' type='text/css' href='/dhtmlx/codebase/dhtmlxscheduler_flat.css'>
<script src="/dhtmlx/codebase/ext/dhtmlxscheduler_limit.js" type="text/javascript" charset="utf-8"></script>
<script src="/dhtmlx/codebase/ext/dhtmlxscheduler_multisection.js"></script>
<script src='/dhtmlx/codebase/ext/dhtmlxscheduler_timeline.js' type="text/javascript" charset="utf-8"></script>
<script src='/dhtmlx/codebase/ext/dhtmlxscheduler_treetimeline.js' type="text/javascript" charset="utf-8"></script>
<script src="/dhtmlx/codebase/locale/locale_da.js" charset="utf-8"></script>
<script>
var fullDate = new Date();
var twoDigitMonth = (fullDate.getMonth() + 1) + "";
if (twoDigitMonth.length == 1) twoDigitMonth = "0" + twoDigitMonth;
var twoDigitDate = fullDate.getDate() + "";
if (twoDigitDate.length == 1) twoDigitDate = "0" + twoDigitDate;
var currentDateString = fullDate.getFullYear() + "-" + twoDigitMonth + "-" + twoDigitDate;
$(function () {
init();
});
function init() {
scheduler.config.start_on_monday = true;
scheduler.templates.week_date = function (start, end) {
return scheduler.templates.day_date(start) + " – " +
scheduler.templates.day_date(scheduler.date.add(end, -1, "day"))
+ " (uge " + scheduler.date.getISOWeek(start) + ")";
};
scheduler.locale.labels.timeline_tab = "Employee";
scheduler.locale.labels.section_user = "User";
scheduler.config.details_on_create = true;
scheduler.config.details_on_dblclick = true;
scheduler.config.drag_resize = false;
scheduler.config.xml_date = "%Y-%m-%d %H:%i";
//the cell interval will be a day-time from 10.00 till 18.00
scheduler.config.fix_tab_position = false;
scheduler.config.multisection = true;
//===============
//Configuration
//===============
var sections = [
{
key: 1,
label: "Mille"
},
{
key: 2,
label: "Ann-Kristin"
},
{
key: 3,
label: "Bo"
},
{
key: 4,
label: "Carina"
},
{
key: 5,
label: "Dina"
},
{
key: 6,
label: "Test User"
},
{
key: 7,
label: "Test User"
},
{
key: 8,
label: "Test User"
},
{
key: 9,
label: "Test User"
},
{
key: 10,
label: "Test User"
},
{
key: 11,
label: "Test User"
},
{
key: 12,
label: "Test User"
},
{
key: 13,
label: "Test User"
},
{
key: 14,
label: "Test User"
},
{
key: 15,
label: "Test User"
}
];
scheduler.createTimelineView({
name: "timeline",
x_date: "%H",
x_step: 60 * 3,
x_size: 8 * 7,
x_length: 8 * 7,
x_start: 0,
x_unit: "minute",
y_unit: sections,
y_property: "resources",
dy: 120,
dx: 90,
render: "bar",
second_scale: {
x_unit: "day",
x_date: "%l d. %j"
}
});
scheduler.init('scheduler_here', getMonday(new Date()), "timeline");
function getMonday(d) {
d = new Date(d);
var day = d.getDay(),
diff = d.getDate() - day + (day == 0 ? -6 : 1); // adjust when day is sunday
return new Date(d.setDate(diff));
}
scheduler.parse([
{
id: 1,
start_date: currentDateString + " 09:00",
end_date: currentDateString + " 14:00",
text: "some text",
comment: "Some comment",
resources: '1,5',
color: "red"
},
{
id: 2,
start_date: currentDateString + " 10:00",
end_date: currentDateString + " 16:00",
text: "Task A-89411",
comment: "another comment",
resources: '1'
},
{
id: 3,
start_date: currentDateString + " 10:00",
end_date: currentDateString + " 14:00",
text: "Task A-64168",
resources: '1'
},
{
id: 4,
start_date: currentDateString + " 14:00",
end_date: "2015-05-15 17:00",
text: "Afdelingsmøde",
resources: '1,2,3',
color: "purple"
},
{
id: 5,
start_date: currentDateString + " 12:00",
end_date: currentDateString + " 16:00",
text: "Task B-48865",
resources: '2'
},
{
id: 6,
start_date: currentDateString + " 14:00",
end_date: currentDateString + " 16:00",
text: "Task B-44864",
resources: '2'
},
{
id: 7,
start_date: currentDateString + " 16:30",
end_date: currentDateString + " 18:00",
text: "Task B-46558",
resources: '2'
},
{
id: 8,
start_date: currentDateString + " 18:30",
end_date: currentDateString + " 14:00",
text: "Task B-45564",
resources: '2'
},
{
id: 9,
start_date: currentDateString + " 08:00",
end_date: currentDateString + " 12:00",
text: "Task C-32421",
resources: '2'
},
{
id: 10,
start_date: currentDateString + " 14:30",
end_date: currentDateString + " 16:45",
text: "Task C-14244",
resources: '3'
},
{
id: 11,
start_date: currentDateString + " 09:20",
end_date: currentDateString + " 11:30",
text: "Task D-52688",
resources: '4'
},
{
id: 12,
start_date: currentDateString + " 11:40",
end_date: currentDateString + " 16:30",
text: "Task D-46588",
resources: '4'
},
{
id: 13,
start_date: currentDateString + "7 12:00",
end_date: currentDateString + " 18:00",
text: "Task D-12458",
resources: '4'
}
], "json");
}
</script>
<style>
html, body {
margin: 0px;
padding: 0px;
height: 100%;
overflow: hidden;
}
</style>