Group channel collection

A GroupChannelCollection allows you to swiftly create a channel list view that doesn’t miss any channel-related events. This page explains how to draw a view using the collection.

Note: Understand the differences between local caching and SyncManager, and learn how to migrate Group channel collection.

You can create a groupChannelCollection instance through the createGroupChannelCollection() method. When creating the instance, you can also determine how to filter and order the group channel list.

Once the collection is created, you should call the loadMore()).

var groupChannelFilter = new sb.GroupChannelFilter();
groupChannelFilter.includeEmpty = true;

var groupChannelCollection = sb.GroupChannel.createGroupChannelCollection()
    .setOrder(sb.GroupChannelCollection.GroupChannelOrder.LATEST_LAST_MESSAGE)  // Acceptable values are ` CHRONOLOGICAL`, `LATEST_LAST_MESSAGE`,
                                //`CHANNEL_NAME_ALPHABETICAL`, and `METADATA_VALUE_ALPHABETICAL`.
    .setFilter(groupChannelFilter)
    .build();

A groupChannelCollection retrieves more channels to display in the channel list view through the loadMore() method.

Whenever a scroll reaches the bottom of the channel list view, the hasMore() will first check if there are more channels to load. If true, the loadMore() will fetch them.

The hasMore() should also be called after you've created a groupChannelCollection.

if (groupChannelCollection.hasMore) {
    groupChannelCollection.loadMore().then((channels) => {
        // Add channels to your data source.
    });
}

Use the groupChannelCollectionHandler to determine how the client app would react to channel-related events.

This is called whenever a new channel is created as a real-time event or changelog sync is prompted when the client app is back online.

The following table shows possible cases where each event handler can be called.

var groupChannelCollectionHandler = {
    onChannelsAdded: function (context, channels) {
        // Add new channels to your data source.
    },
    onChannelsUpdated: function (context, channels) {
        // Update the existing channels in your data source.
    },
    onChannelsDeleted: function (context, channelUrls) {
        // Delete the channels with the matching channelUrls from your data source
    },
};
groupChannelCollection.setGroupChannelCollectionHandler(groupChannelCollectionHandler);

The dispose() should be called when you need to clear the current channel list view.

groupChannelCollection.dispose();