Discussion :

[Joauc]

Bonjour à tous,

J'essaie d'intégrer le dhtmlxScheduler dans un projet développé avec ZF.

Voici mon contrôleur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<?php
class Planning_PlanningController extends Zend_Controller_Action
{
	protected $_libelController ='Planning';
 
    public function init()
    {
    	$this->_flashMessenger = $this->_helper->getHelper('FlashMessenger');
    	$this->_redirector = $this->_helper->getHelper('Redirector');
 
    	/**
    	 * Ajoutes les fichiers css et js
    	 */
		$this->view->headLink()->appendStylesheet($this->view->baseUrl('/dhtmlxScheduler/codebase/dhtmlxscheduler.css'));
    	$this->view->headScript()->appendFile($this->view->baseUrl('dhtmlxScheduler/codebase/dhtmlxscheduler.js'));
    	$this->view->headScript()->appendFile($this->view->baseUrl('js/planning.js'));
    }
 
    public function indexAction()
    {
 
    }
}
 
?>

Ma vue :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<style type="text/css" media="screen">
	html, body{
		overflow:auto;
	}	
</style>
 
 
	<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
		<div class="dhx_cal_navline">
			<div class="dhx_cal_prev_button">&nbsp;</div>
			<div class="dhx_cal_next_button">&nbsp;</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="month_tab" style="right:76px;"></div>
		</div>
		<div class="dhx_cal_header">
		</div>
		<div class="dhx_cal_data">
		</div>
	</div>

et mon fichier js qui initialise le planning :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function initplanning() {
 
	scheduler.config.multi_day = true;
	scheduler.config.xml_date="%Y-%m-%d %H:%i";
	scheduler.init('scheduler_here',null,"week");
	scheduler.load("../dhtmlxScheduler/samples/common/events.xml");
}
 
$(document).ready(function(){
	initplanning();
});

Mon soucis c'est que rien me s'affiche. Seul le layout s'affiche le reste reste blanc. J'ai essayé on appelant la fonction initplanning avec un onload sur la balise body du layout j'ai le même problème.

Est-ce que quelqu'un a une idée ?

Merci d'avance.

[Paul75]

Bonjour à tous,

J'essaie d'intégrer le dhtmlxScheduler dans un projet développé avec ZF.

Voici mon contrôleur:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<?php
class Planning_PlanningController extends Zend_Controller_Action
{
	protected $_libelController ='Planning';
 
    public function init()
    {
    	$this->_flashMessenger = $this->_helper->getHelper('FlashMessenger');
    	$this->_redirector = $this->_helper->getHelper('Redirector');
 
    	/**
    	 * Ajoutes les fichiers css et js
    	 */
		$this->view->headLink()->appendStylesheet($this->view->baseUrl('/dhtmlxScheduler/codebase/dhtmlxscheduler.css'));
    	$this->view->headScript()->appendFile($this->view->baseUrl('dhtmlxScheduler/codebase/dhtmlxscheduler.js'));
    	$this->view->headScript()->appendFile($this->view->baseUrl('js/planning.js'));
    }
 
    public function indexAction()
    {
 
    }
}
 
?>

Ma vue :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<style type="text/css" media="screen">
	html, body{
		overflow:auto;
	}	
</style>
 
 
	<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
		<div class="dhx_cal_navline">
			<div class="dhx_cal_prev_button">&nbsp;</div>
			<div class="dhx_cal_next_button">&nbsp;</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="month_tab" style="right:76px;"></div>
		</div>
		<div class="dhx_cal_header">
		</div>
		<div class="dhx_cal_data">
		</div>
	</div>

et mon fichier js qui initialise le planning :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function initplanning() {
 
	scheduler.config.multi_day = true;
	scheduler.config.xml_date="%Y-%m-%d %H:%i";
	scheduler.init('scheduler_here',null,"week");
	scheduler.load("../dhtmlxScheduler/samples/common/events.xml");
}
 
$(document).ready(function(){
	initplanning();
});

Mon soucis c'est que rien me s'affiche. Seul le layout s'affiche le reste reste blanc. J'ai essayé on appelant la fonction initplanning avec un onload sur la balise body du layout j'ai le même problème.

Est-ce que quelqu'un a une idée ?

Merci d'avance.

Bonjour,

Moi aussi j'ai eu page blanche. Mais j'ai trouvé la solution :
Ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>

Ce code est pour le plein écran.

Il fait enlever le : height:100%; et mettre par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:500px;'>

Voilà

Cordialement,

[Joauc]

Merci beaucoup de votre réponse