javascript - FullCalendar not showing events using ko.observablearray as event souce -
i'm trying fill jquery fullcalendar ko.observablearray
function calevent(data) { this.id = ko.observable(data.id); this.title = ko.observable(data.title); this.start = ko.observable(data.start); this.end = ko.observable(data.end); this.color = ko.observable(data.color); this.allday = ko.observable(data.allday); } function fulleventsviewmodel() { var self = this; self.calevents = ko.observablearray([]); //get data calendar $.getjson("/journalentries/getsummaryevents?id=" + journalid, function (data) { var mappedcalevents = $.map(data, function (item) { return new calevent(item) }); self.calevents(mappedcalevents); }); $('#calendar').fullcalendar({ events: self.calevents, header: { left: 'prev,next today', center: 'title', right: 'month,agendaweek,agendaday' }, disabledragging: true, defaultdate: 'new date()', editable: true, alldayslot: false, slotminutes: 5, selectable: true, selecthelper: true, editable: true, eventlimit: true, // allow "more" link when many events eventclick: function (calevent, jsevent, view) { window.location = "/journalentries/edit/" + calevent.id; }, dayclick: function (date, jsevent, view) { var mydate = $.fullcalendar.formatdate(date, "m/dd/yyyy hh:mm:ss tt"); window.location = "/journalentries/create?id=" + journalid + "&myday=" + mydate; var view = $('#calendar').fullcalendar('getview'); } }); }; ko.applybindings(new fulleventsviewmodel());
and view:
<div id='calendar' style="width:100%"></div>
the call made, hits server , brings data, can display if bind table - works fine - not showing in calendar @ all.
i of course have this:
<script src='/scripts/fullcalendar.min.js'></script>
as jquery scripts , that. calendar renders, no data ever shown. data being shown when being done way (mvc), wanted try knockout.
Comments
Post a Comment