Discussion :

[JeffPalmier]

Bonjour, je suis actuellement bloqué sur un projet de groupe en cours.

Je cherche a créer une webpart affichant un calendrier, avec tous les events qui seraient affichés. La gestion c'est fait. Le problème, c'est que je voulais gérer la vue avec du jQuery, suite à un example que j'ai trouvé sur le net :
http://robmonie.github.com/jquery-we...full_demo.html

Seulement, j'en chie trop. J'arrive pas à insérer du js dans mes webpart C#.

Alors je me pose une question. Savez vous comment je peux gérer ça ?

Serait il plus simple de la faire en ASP.NET, là ça serait plus facile à gérer ?
Seulement, c'est pareil, je sais pas trpo comment faire une webpart en ASP.NET.

SI vous avez des conseils, des liens, ça sera bienvenue.

Je vous remerci

[nonoxp]

Salut,

J'ai commencé à développer de mon côté quelques fonctions en jQuery pour améliorer les calendriers de sharepoint. Je t'avoue que c'est pas forcément très pratique car d'un point de vue DOM, on est dans un bête tableau html.

Pour arriver au résultat de ta démo en lien ça va vraiment être lourd en traitement pour le navigateur à mon avis, mais bon si tes utilisateurs ont tous un pc récent ...

Ce serait tellement plus simple avec des cellules à identifiant unique De plus un calendrier vide est simple à traiter, dès que tu as des items ça devient rapidement infernal (ce qui justifie certains choix dans mon code).

Voici un extrait de code pour par exemple détecter le jour et l'heure lors d'un clic sur le calendrier en mode semaine ou jour (je tiens à préciser que je ne me considère pas confiant en jQuery, donc c'est forcément optimisable) :

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
var hDebut;
var mDebut;
 
function getDateFromParam(para){
	var tmp = para.substring(para.indexOf('\'')+1);
	tmp = tmp.substring(0,tmp.indexOf('\''));
	return tmp.replace(/\\u002f/g,"%252F");
}
 
 
$(document).ready(function() {
        $(".ms-cal-dayhalfhour,.ms-cal-dayhalfhourF,.ms-cal-dayhour,.ms-cal-dayhourF").live('mousedown', function() {
		mDebut = "00";
		if ($(this).attr('class').indexOf("half") != -1 ){
		    hDebut = parseInt($(this).parents().eq(1).prev().find("NOBR").text());
		    mDebut = "30";
  		}else{
  			hDebut = parseInt( $(this).parents().eq(1).find("NOBR").text() );
  		}
 
 
  		if($.urlParam('CalendarDate') != 0){
                        //fonction perso qui parse les params url
  			DateDebut = $.urlParam('CalendarDate');
  		}
 
  		if($("#WeeklyViewDefault_CalendarView").length > 0){
  			var i = 0;
   			i = $(this).offset().left; 		
  			var prev = 0;
  			$(".ms-cal-wtopdayL,.ms-cal-wtopday,.ms-cal-wtopday-today").each(function(){
  				if(($(this).offset().left <= prev) || (prev == 0)){
  					DateDebut = getDateFromParam($(this).find("a").attr('href'));
  				}
  				prev = i;
  			});
  		}
 
  	});
 
 
}

J'espère un jour avoir le temps de pousser mon code plus loin pour avoir un comportement plus "google calendar", avec glisser/déposer des items mis à jour par webservice, insertion/édition de l'item dans un miniformulaire popup, etc.