| Issue 1886: | How to add Fullcalendar Resource view in AngularJs? | |
| 1 person starred this issue and may be notified of changes. | Back to list |
I am trying to add Resource view in my fullcalendar. After googled, found some useful links which has resource view in the fullcalendar but it was implemented in jQuery fullcalendar and my calendar is in AngularJs. So I have tried to changed my code but its not working. I am using this links for changing my code. http://www.ikelin.com/jquery-fullcalendar-resource-day-view/ and after changing my code becomes: /* config object */ $scope.uiConfig = { calendar:{ height: 450, editable: true, header:{ left: 'prev,next', center: 'title', right: 'resourceDay, agendaWeek, agendaShift', }, //allDaySlot: false, defaultView: 'resourceDay', dayClick: $scope.onDayClick, eventClick: $scope.alertEventOnClick, eventDrop: $scope.alertOnDrop, eventResize: $scope.alertOnResize, eventRender: $scope.onEventRender } resource array is: $scope.resources = [ { name: 'Resource 1', id: 'resource1' }, { name: 'Resource 2', id: 'resource2' }, { name: 'Resource 3', id: 'resource3' } ];
Aug 24, 2013
(No comment was entered for this change.)
Status:
Done
May 1, 2014
How to post reosurce from databse |
|
| ► Sign in to add a comment |
Not really a relevant issue for here as it relates to a fork of the code however - for anyone else looking at this, just provide the resources array to the calendar options and the angular directive will pass it through: $scope.uiConfig = { calendar:{ height: 450, editable: true, resource: [ { name: 'Resource 1', id: 'resource1' }, { name: 'Resource 2', id: 'resource2' }, { name: 'Resource 3', id: 'resource3' } ], .......... HTH