Scenario
Currently, I have developed a WebApp using kendo, bootstrap, and backbone. One of the key features is a grid that showcases data pulled from a database. This grid has a data source binding with serverPaging enabled.
Data Source Configuration
alertDataSource = new kendo.Backbone.DataSource({
collection: this.options.collection,
batch: false,
page: 1,
pageSize: 50,
serverPaging: true,
.....Grid Setup
batchDetailsGrid = $("#batchDetailsGrid").kendoGrid({
dataSource: alertDataSource,
dataBound: onAccountDataBound,
name: "AccountList",
autoBind: false,
height: 450,
...At the bottom of the grid, there are navigation icons provided by Kendo which allow users to move between pages.
The Issue at Hand
I am looking for a way to notify users before they move to the next page (using a modal window that I have already created). However, it seems that clicking on a pager icon triggers the process of retrieving more data automatically.
Has anyone discovered a method to implement a step prior to the kendo pager function kicking in? This would enable users to choose whether they want to remain on the current page or proceed forward.
Please feel free to reach out if you require any further details.