fullcalendar viewRender ne fonctionne Pas pour moi
Salut les gars je suis en utilisant arshaw fullcalendar son grand plugin et j'aimerais être averti lors de l'affichage des modifications dans le but d'ajouter une classe à une plage. j'ai essayé
$('#calendar').fullCalendar({
viewRender: function(view,element){alert("aha");},
defaultView:'basicDay',
theme: true,
header:{
right: 'month basicWeek basicDay',
left: 'prev,next today',
center: 'title'
},
loading: function(bool){
if(bool){
$("body").addClass("loading");
}else{
$("body").removeClass("loading");
}
},
lazyFetching: true,
minTime: 8,
maxTime: 17,
allDaySlot: false,
eventSources:[
{
url: '/apptCalendar/appt?q=1',
color: '#FAF29B',
textColor: 'black',
allDayDefault: false
},
{
url: '/apptCalendar/appt?q=2',
color: '#4e394d1',
textColor: '#FAF29B',
allDayDefault: false
},
{
url: '/apptCalendar/appt?q=3',
color: '#38df64',
textColor: 'black',
allDayDefault: false
}
],
eventRender: function(event, element){
element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
element.qtip({
content: {text:"<script>$('.qtip .addTitleInfo').addClass('hidden'); $(document).ready(function(){ $('#eventApptID"+event.id+"').each(function(){ $('#eventApptID"+event.id+"').val('"+event.appStatusID+"'); }); });</script><div><h6>Therapy Type: "+event.therapyType+"</h6></div><a href='/eval/new-eval/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"><i class='icon-plus-sign'></i> New Eval</a><br>\
<a href='/note/new-note/"+event.pat_id+"?appID="+event.thirdPAppID+"'"+"><i class='icon-plus-sign'></i> New Note</a>\
<div>DOB: "+event.dob+"</div><div>SSN: "+event.l4SSN+"</div><div>Appointment Status:</div><select id='eventApptID"+event.id+"' class='input-large' onChange='updateApptStatus(this.value,"+event.id+","+event.pat_id+")'>"+items+"</select><div>Comments: "+event.description+"</div>",
title: {text: event.title},
button: 'Close'},
show: {
solo: true
},
style: {
classes: 'qtip-bootstrap',
width: 300,
height: 300
},
hide: {
event: 'unfocus',
},
position:{
my: 'bottom center',
at: 'top center',
target: 'event',
viewport: $('#calendar')
}
});
}
});
et qui ne demande pas une alerte lors de la vision a changé. j'aimerais qu'elle. Quelqu'un peut-il m'aider?
Actuellement, j'ai essayé d'autres méthodes de notification, mais n'ont pas été en mesure de l'obtenir pour fonctionner. S'il vous plaît laissez-moi savoir ce que je dois faire pour y arriver.
$("#calendar").fullCalendar({viewRender: function(view,element){alert("aha");}});
fonctionne pour moi... pouvez-vous poster plus de code / contexte?- je viens de mettre à jour le code et essayé ce que vous avez dit mais ça ne fonctionne toujours pas. J'ai collé l'ensemble de la fullcalender avec les options que j'utilise. Merci pour votre aide
- J'ai créé un violon et il ne fonctionne toujours pas là non plus. jsfiddle.net/wSK2N
Vous devez vous connecter pour publier un commentaire.
Le problème semble être avec votre version de la fullcalendar de la bibliothèque. Cette question m'a filer un moment :(. Celui que vous avez inclus dans votre violon a été v1.6.2. Je ne pouvais pas le faire avec succès déclencher le "viewRender' callback trop avec cette version. J'ai vérifié le même code avec v1.6.3 et qui a déclenché l'événement. Sur le fait de faire un diff sur les deux versions, j'ai trouvé le bloc de code suivant (qui semble être très pertinents pour le problème) manquant dans v1.6.2:
dans le
_renderView()
fonction. On peut également noter que la v1.6.3 dépend de jQuery v1.10.2 (bien que je ne suis pas sûr si il ne fonctionnera pas avec les versions antérieures), donc si vous n'êtes pas lié à une version spécifique de jQuery, il suffit d'inclure la dernière fullcalendar et vous devriez être bon d'aller...