Kendo Grid arrow paging is not working properly after adding new record, while number paging is working properly

[vinod]

function ShowDiagnostics() {
    diagnosticDataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/DiagnosticBuilder/GetDiagnosticJSON",
                dataType: "json",
            }
        },
        pageSize: 10
    });
    var columns = [
        { title: "DiagnosticBuilderID", field: "DiagnosticBuilderID", hidden: true, type: "number", filterable: false },
        { title: "Template Name", field: "TemplateName", hidden: false, type: "string", filterable: false },
        { title: "Target", field: "Target", hidden: false, type: "string", filterable: false },
        { title: "No. of Questions", field: "NumberOfQuestions", hidden: false, type: "number", filterable: false },
        { title: "Action", field: "", hidden: false, type: "string", filterable: false }
        
    ];

    diagnosticGrid = $("#tblDiagnostics").kendoGridAcademy({
        columns: columns,
        dataSource: diagnosticDataSource,
        rowTemplate: kendo.template($("#diagnosticRowTemplate").html()),
        filterable: true,
        pageable: true,
    });
    $(diagnosticGrid).refresh();
}

[Petur Subev]

Hello Vinod,

Could you please elaborate on your issues? Provide screenshot or screencast so we can get a better idea of your case.

Basically if using serverPaging of the dataSource no matter how many new records you create, they will look like added to the current page. This can be changed by performing read after creating.

onRequestEnd(e) {
    if( e.type == "create" ) {
        this.read();
    }
}

However you should not experience such issues if using client paging like demonstrated here:

http://jsbin.com/yedivuri/1/edit

Kind Regards,
Petur Subev
Telerik