In my case, the main grid retrieves its data via an Ajax datasource
and the detail template is defined as
In the detailInit event, the data source of the detail grid is set to a property of the model. This property holds an array of items.
So far so good. The data is shown in the grid as intended. But I want the detailed grid to be pageable. I played around with:
- Setting .Pageable() in the detail template
- Adding a datasource in the detail template in order to set the pagesize (Ajax/Custom?)
- Setting grid.dataSource.pageSize (and other properties like serverPageable) in the detailInit() event.
This usually resulted in a brief flicker of the complete detail list or the page reloading or the complete list with a paging control (showing 1-10 of 20, but showing the complete list; using the paging control refreshed the main grid).
So what is the correct way of getting this done?