Google Calendar like interface

Question

J'ai besoin d'écrire une application qui fonctionne essentiellement comme une semaine-vue d'un calendrier, des colonnes pour les jours, puis des lignes pour les rendez-vous. Où la hauteur de la boîte de rendez-vous représente visuellement le temps.

Dans mon cas, je ne veux pas que l'heure soit l'axe vertical, je veux juste des heures ou des minutes. L'approche de Google AJAX est très propre et facile à utiliser et serait parfaite, je pense, mais mes connaissances principales viennent en ASP.Net et Windows Forms (.Net).

Je ne veux pas réinventer la roue, mais je trouve que mon esprit est bloqué sur ce problème et que je devrais créer une interface à partir de zéro pour cela. J'ai vérifié le Infragistics produit (utilisé pour d'autres projets) et lire beaucoup sur le Google API's, y compris leur Ajax Toolkit. Je n'ai pas fait Java, mais l'apprentissage d'une langue n'est pas mon problème, c'est d'apprendre les détails qui m'aideront à atteindre mon objectif que je pense prendra le plus de temps. Est-ce que je fais une montagne à partir d'une colline de taupe? Est-ce vraiment beaucoup plus facile que je le pense? Cela commence à ressembler à un message de Dear Abby - je vais arrêter maintenant. Tout conseil ou idée serait génial!

Answer 1

Je vous recommande d'utiliser un toolkit, un lib ou un widget js qui le fait. Je trouve que cette bibliothèque peut vous convenir: ftr-gwt-library. J'ai commencé à écrire un composant GWT juste pour ça, mais je n'ai pas beaucoup de temps pour le finir. Le site est le gwt-scheduler.

À mon humble avis, GWT est idéal pour ce type d'applications AJAX, mais il faut du temps pour comprendre les concepts et les bizarreries (surtout les différences entre les navigateurs). Les deux liens sont des composants GWT, et il est relativement facile d'exposer les composants GWT à javascript.

Answer 2

Vous avez raison - vous ne devriez pas avoir à réinventer la roue.

Jetez un oeil à la Telerik Calendar control. Il offre la prise en charge des modèles: "Une collection de modèles dynamiques peut être utilisée pour obtenir une présentation riche des jours calendaires.Vous pouvez utiliser cette personnalisation" par jour ".Ceci est particulièrement utile si vous souhaitez implémenter une interface de type planificateur. ... "

Et je suis sûr que d'autres contrôles tiers peuvent faire quelque chose de similaire.

Answer 3

Découvrez gwt-cal ...

Il est un calendrier open source pour les applications écrites en ajax GWT, qui est une grande boîte à outils comme Miguel mentionné ci-dessus. Le calendrier peut être inclus dans votre projet, et est livré avec 3 thèmes - Outlook, Google Calendar et iCal

Answer 4

www.web2cal.com sera un bon point de départ? Il y en a peu plus, si vous cherchez dans un débordement de pile, vous devriez pouvoir voir.

Answer 5

J'ai écrit quelque chose comme ça relativement facilement en utilisant les appels jquery/ajax. J'ai utilisé une table html de base avec les colonnes étant chaque jour et les lignes représentant des créneaux d'une demi-heure (côté serveur généré). J'ai utilisé jquery pour écrire une fonction permettant d'ajouter/de supprimer des rendez-vous en cachant des cellules et en modifiant l'attribut "rowspan" des cellules. Deux fonctions ajax étaient nécessaires, l'une pour charger les rendez-vous du serveur, et l'autre pour créer/supprimer les rendez-vous auxquels l'utilisateur accédait.

Bien sûr, j'ai réinventé la roue là-bas, cependant.

Answer 6

Je fais presque les mêmes choses. Après quelques recherches, je trouve qu'un plugin jquery peut aider. http://www.web-delicious.com/jquery-events-calendar-wdcalendar/ Malheureusement, son échantillon est en PHP, vous devez le convertir en version .net