Hello people. This code does not show the events on the timeline but doing in the days or months or week tab.
The event data load from MySQL database and doing great. I have no problem to save data from the timeline but dont show data when loading in timeline. Anyone can help me? Thanks in advance for your help.
This is the current code.
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title></title>
<script src='codebase/dhtmlxscheduler.js' type="text/javascript" charset="utf-8"></script>
<script src='codebase/ext/dhtmlxscheduler_timeline.js' type="text/javascript" charset="utf-8"></script>
<script src="codebase/ext/dhtmlxscheduler_editors.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="codebase/ext/dhtmlxscheduler_ext.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel='stylesheet' type='text/css' href='codebase/dhtmlxscheduler.css'>
<style type="text/css" media="screen">
html, body{
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
</style>
<script type="text/javascript" charset="utf-8">
function init() {
scheduler.locale.labels.timeline_tab = "Canchas";
scheduler.locale.labels.section_nuevo="Cancha";
scheduler.config.details_on_create=true;
scheduler.config.details_on_dblclick=true;
scheduler.config.xml_date="%Y-%m-%d %H:%i";
scheduler.config.event_duration = 45;
scheduler.config.auto_end_date = true;
///////////////
scheduler.locale.labels.section_selectme = "Tipo de Juego";
var tipo_juego = [
{ key: 2, label: 'Single', selected:true},
{ key: 4, label: 'Doble' }
];
//===============
//Configuration
//===============
var sections=[
{key:1, label:"Cancha 1"},
{key:2, label:"Cancha 2"},
{key:3, label:"Cancha 3"},
{key:4, label:"Cancha 4"},
{key:5, label:"Cancha 5"},
{key:6, label:"Cancha 6"},
{key:7, label:"Cancha 7"},
{key:8, label:"Cancha 8"},
{key:9, label:"Cancha 9"},
{key:10, label:"Cancha 10"},
{key:11, label:"Cancha 11"},
{key:12, label:"Cancha 12"}
];
scheduler.createTimelineView({
name: "timeline",
x_unit: "minute",
x_date: "%H:%i",
x_step: 30,
x_size: 30, // Esto no se que es
x_start: 16,
x_length: 48,
y_unit: sections,
y_property: "section_id",
render:"bar"
});
scheduler.init('scheduler_here',null,"timeline");
//===============
//Data loading
//===============
scheduler.config.lightbox.sections=[
{name:"description", height:130, map_to:"text", type:"textarea" , focus:true},
{name:"nuevo", height:23, type:"select", options:sections, map_to:"cancha" },
{name:"selectme", height: 58, options:tipo_juego, map_to:"tipo_juego", type:"radio", default_value: "2", vertical: true } ,
{name:"time", height:72, type:"time", map_to:"auto"}
];
scheduler.setLoadMode("timeline");
scheduler.load("events.php");
scheduler.config.show_loading=true;
var dp = new dataProcessor("events.php");
dp.init(scheduler);
}
</script>
<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
<div class="dhx_cal_navline">
<div class="dhx_cal_prev_button"> </div>
<div class="dhx_cal_next_button"> </div>
<div class="dhx_cal_today_button"></div>
<div class="dhx_cal_date"></div>
<div class="dhx_cal_tab" name="day_tab" style="right:204px;"></div>
<div class="dhx_cal_tab" name="week_tab" style="right:140px;"></div>
<div class="dhx_cal_tab" name="timeline_tab" style="right:280px;"></div>
<div class="dhx_cal_tab" name="month_tab" style="right:76px;"></div>
</div>
<div class="dhx_cal_header">
</div>
<div class="dhx_cal_data">
</div>
</div>