My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 1886: How to add Fullcalendar Resource view in AngularJs?
1 person starred this issue and may be notified of changes. Back to list
Status:  Done
Owner:  ----
Closed:  Aug 2013


Sign in to add a comment
 
Reported by anil.pan...@xymob.com, Jun 25, 2013
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 14, 2013
#1 srke...@gmail.com
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

Aug 24, 2013
Project Member #2 adamrs...@gmail.com
(No comment was entered for this change.)
Status: Done
May 1, 2014
#3 kiyanuru...@gmail.com
How to post reosurce from databse

Sign in to add a comment

Powered by Google Project Hosting