Discussion :

[glassto]

Bonjour, je suis à la recherche d’un composant de temps qui permet de gérer des objets temporels d’une page,
Voilà une image de ce que je veux faire:




L’idée serait de pouvoir dagAndDop les affectations (la partie droite) dans partie gauche et donc l’affecter à une voiture ; jusque-là pas de problème j’arrive à faire ceci avec les outils classiques. Mon problème est la gestion des horaires c’est-à-dire : soit A1 dans l’exemple (une affectation de 1h à 3h) un <div>, le problème est de placer A1 selon l’horaire en haut. Mon objet A1 comprends une «Range » d’heure que je veux placer.
J’ai testé Ellesar qui me permet de gérer les range en ajoutant un objet ellesar pour chaque voiture. Cet outil fonctionne bien mais me cause d’autre problème parraport à d’autres fonctionnalité du système,
Donc ma question est connaissez-vous un outil pour générer un tel composant de gestion de temps ? ou si je crée les horaires “à la mains «
Avec quelque chose du genre

Code :

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

1
2
3
4
5
 
foreach(var i = 0 ; i <23 ; i++)
{
    pnlHeader.controls.add(new Label{Text = .., ID= i.ToString(), cssClass=".." }); //pnlHeader etant les horaires 
}

Comment récupérer les positions (x,y coordinate comme en winform)des horaires en haut et placer l’affectation de façon logique ? c’est-à-dire pouvoir placer une affectation pour la voiture1 de 1h à 3h
Merci pour tout aide, piste de recherche, pattern…

[glassto]

Bonjour,

finalement je n'ai pas trouvé de composant qui repond à mon besoin, du coup je le fait de facon manuel : c'est-a-dire avoir un header fixe puis recuperer les absolute coordinate en JS

Code :

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

$('#element').position()

puis utiliser la proprieté LEFT pour aligner les sous composants.

Merci

[bossun]

et ça?

https://www.daypilot.org/scheduler/

[glassto]

Merci bossun pour la suggestion je regarderais ce control si je suis re-confronté à ce probleme. Presentement j'ai resolu mon probleme en utilisant le absolute position en JS

Merci