PhoneJS에서 타일보기 그룹화

Question

devexpress phonejs의 tileview 항목에 데이터베이스의 제품을 표시하려고합니다. 성공적으로 데이터 소스에서 항목을 tileview로로드 할 수 있지만 항목 이름별로 항목을 그룹화하고 싶습니다. 실제로 어떻게해야하는지 모릅니다. 어떤 도움을 주시면 감사하겠습니다.

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> 

Answer 1

당신은 당신의 데이터 소스 내의 그룹/정렬 데이터에 대한 사후 처리 콜백을 사용할 수 있습니다. 예와

참조 문서 : dxTileView 상자에서 그룹화 된 데이터를 표시하는 지원하지 않습니다 http://js.devexpress.com/Documentation/Howto/Data_Layer/Data_Layer?version=14_1#Data_Layer_Data_Layer_Reading_Data_Data_Transformation_Post_Processing

참고.

[{ key: "Category1", items: [{ name: "Product1" }, ...], ...] 

과 같은 데이터를 그룹화하면 항목 템플릿에 중첩 된 dxTileView를 넣어 각 카테고리의 제품을 표시 할 수 있습니다.