Группировка плитки в PhoneJS

Я пытаюсь показать продукты из базы данных в элементе tileview в devexpress phonejs. Я могу успешно загружать элементы из источника данных в тайловое представление, но я хотел бы сгруппировать элементы по имени категории и действительно не знаю, как это сделать. Любая помощь будет оценена.

JS-код

return {
    sale: sale,
    departmansSource: {
        store: PosApplication.db.Departmans,
        select: ["DepartmanID", "DepartmanName"]
    },
    categoriesSource: {
        store: PosApplication.db.Categories,
        select: ["CategoryID", "CategoryName"]
    },
    productsSource: {
        store: PosApplication.db.Products,
        filter: ["DepartmanID","=", 2],
        select: ["ProductID", "ProductName", "DepartmanID", "DepartmanName", "CategoryID", "CategoryName"]
    },
    approversSource: {
        store: PosApplication.db.Approvers,
        select: ["ApproverId", "ApproverName"]
    },
    handleSave: handleSave,
    handleCancel: handleCancel,
    viewShown: handleViewShown,
    notifiy: notifiy
};

HTML-код

<div id="urunlertile" data-bind="dxTileView: { height: '550', dataSource: productsSource, itemClickAction: notifiy, baseItemHeight: 70, baseItemWidth: 150, itemMargin: 3,  }">
            <div data-options="dxTemplate:{name:'item'}">                    

                <p><span data-bind="text: $data.CategoryName"></span></p>
                <p><span data-bind="text: $data.ProductName"></span></p>
                </div>                           
            </div>
            </div>