Business Catalyst Nachrichtenmodul und FullCalendar.io

Ich konnte Vollkalender erfolgreich mit dem BC-Nachrichtenmodul implementieren, aber wenn das Ereignis vergangen ist, verschwindet es vollständig aus dem Kalender. Ich brauche alle Ereignisse, Vergangenheit und Gegenwart, um im Kalender zu bleiben, aber wenn ich das Ereignismodul durch das Nachrichtenmodul oder eine Webanwendung ersetze, wird meine Seite leer. Hat jemand Erfahrung damit? Der Code ist unten für das Arbeitsereignismodul, wenn ich ändern:Business Catalyst Nachrichtenmodul und FullCalendar.io

{module_booking filter="all" collection="theEvents" template=""}

zu:

{module_announcement filter="all" collection="theEvents" template=""}

ich die leere Seite angezeigt.

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<link href="/css/fullcalendar.min.css" rel="stylesheet" /> 
<link href="/css/fullcalendar.print.min.css" rel="stylesheet" media="print" /> 
<link href="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.css" rel="stylesheet" /> 
<script src="/js/moment.min.js"></script> 
<script src="/js/jquery.min.js"></script> 
<script src="/js/fullcalendar.min.js"></script> 
<script src="http://cdn.jsdelivr.net/qtip2/3.0.3/jquery.qtip.min.js"></script> 
<script> 

$(document).ready(function() { 
    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    var tooltip = $('<div/>').qtip({ 
    id: 'calendar', 
    prerender: true, 
    content: { 
     text: ' ', 
     title: { 
      button: true 
     } 
    }, 
    position: { 
     my: 'bottom center', 
     at: 'top center', 
     target: 'mouse', 
     viewport: $('#calendar'), 
     adjust: { 
      mouse: false, 
      scroll: false 
     } 
    }, 
    show: false, 
    hide: false, 
    style: 'qtip-light' 
}).qtip('api'); 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'listDay,listWeek,month' 
     }, 

     // customize the button names, 
     // otherwise they'd all just say "list" 
     views: { 
      listDay: { buttonText: 'list day' }, 
      listWeek: { buttonText: 'list week' } 
     }, 

     defaultView: 'month', 

     navLinks: true, // can click day/week names to navigate views 
     editable: true, 
     eventLimit: true, // allow "more" link when too many events 
     eventMouseover: function(data, event, view) { 
     var content = '<h3>'+data.title+'</h3>' + 
      '<p><b>Start:</b> '+data.start+'<br />' + 
      (data.end && '<p><b>End:</b> '+data.end+'</p>' || ''); 

     tooltip.set({ 
      'content.text': content 
     }) 
     .reposition(event).show(event); 
    }, 
    dayClick: function() { tooltip.hide() }, 
    eventResizeStart: function() { tooltip.hide() }, 
    eventDragStart: function() { tooltip.hide() }, 
    viewDisplay: function() { tooltip.hide() }, 
     events: [ 
      {module_booking filter="all" collection="theEvents" template=""} 
      {% for item in theEvents.items -%} 
       { 
        title: '{{ item.name }}', 
        url: '{{ item.url }}', 
        start: '{{ item.date | date: "yyyy-MM-dd" }}' 
       }, 
      {% endfor -%} 
     ] 
    }); 

}); 

</script> 
</head> 

<body> 
<div id="calendar"></div> 
</body> 
</html>

Quelle

2017-02-06 Claudia Zavala

Im Falle von Buchungen, sind Sie wahrscheinlich besser, ein flexibles Layout mit {} module_data da die regulären Tags vergangene Ereignisse machen nicht zu verwenden.

{module_data resource="bookings" version="v3" fields="name,body,date,capacity,hideWhenFull,disabled,deleted,requiresPayment,createDate,lastUpdateDate" skip="0" limit="10" order="id" collection="myData"}

Siehe {module_data} documentation und Sie sollten auch die Installation BC api discover app von here

Quelle

2017-03-06 11:29:12 Neido

Business Catalyst Nachrichtenmodul und FullCalendar.io

Antwort

Verwandte Themen