Programmatically toggle resources

Looking through the issues I do not see this mentioned it anywhere, but it would be nice if you could programatically toggle a resource. This would probably work by either giving a resource ID to toggle just one or giving no ID to toggle all resources. Below is my proposal formatted like the docs.

toggleResource

Toggles a resource between the open/closed state.

.fullCalendar( 'toggleResource' [, idOrFilter [, state]] )

This method will toggle one or many resources between the opened/closed state depending on the filter and state parameter.

If idOrFilter is omitted, all resources will be toggled.

If idOrFilter is an ID, all resources with the same ID will be toggled.

idOrFilter may also be a filter function that accepts one Resource Object argument and returns true if it should be included in the result set.

State accepts two options, open and close, this will force the resources to either open or close.

[AlexanderWesten]

I just wrote a little function using fullcalendar api and the internal state to set the expanded state of all resources that met a certain criteria based in the resources extendedProps.

You can also get the current isExpanded state somewhere from the currentDataManager in the fullcalendarApi if needed.

function setResourcesExpanded(expanded = false, filterValue = null) {
  const calendarApi = this.getCalendarApi();

  // get all current resources from resource store
  const resourcesObject = calendarApi.currentData.resourceStore;

  if (resourcesObject) {
    // resources are stored as an object
    Object.values(resourcesObject).forEach((resource) => {
      if (
        filterValue === null ||
        (resource.extendedProps &&
          resource.extendedProps.mySpecialProp === filterValue)
      ) {
        // using the fullcalendar dispatcher to toggle
        calendarApi.currentDataManager.dispatch({
          type: "SET_RESOURCE_ENTITY_EXPANDED",
          id: resource.id,
          isExpanded: expanded,
        });
      }
    });
  }
}

Code is working fullcalendar/vue 5.9.0

[arshaw]

You may be able to get better performance if you using batchRows/unbatchRows (internal functions) to defer dimension readjustment until the very end:

function toggleRows(calendarElement, callback) {
    var view = calendarElement.data('fullCalendar').view;
    var resourceRows = view.resourceRowHash;

    view.batchRows();

    for(var resourceId in resourceRows) {
        var row = resourceRows[resourceId];

        if(callback(row, resourceId))
            row.toggleExpanded();
    }


    view.unbatchRows();
}