Paging causes postback when grid setup for client bound data

[Brian]

The grid loads fine using my JSON data source but when I click the paging buttons or page numbers it causes a postback of the page rather than firing a client command event as expected. I dont see a disable postback property.

Here are the relevant information. Its a very simple test.

    <telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="False" GroupPanelPosition="Top" Skin="Office2007" EnableViewState="false">
        <MasterTableView AllowCustomPaging="True" AllowPaging="True" PagerStyle-AlwaysVisible="True" PageSize="10">
            <RowIndicatorColumn Visible="False">
            </RowIndicatorColumn>
            <ExpandCollapseColumn Created="True">
            </ExpandCollapseColumn>
            <Columns>
                <telerik:GridBoundColumn DataField="ID" HeaderText="ID">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Name" HeaderText="Name">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Status" HeaderText="Status">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Owner" HeaderText="Owner">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />
            <ClientEvents OnDataBound="dataBound" />
            <ClientEvents OnCommand="RadGrid1_Command" />
        </ClientSettings>
    </telerik:RadGrid>

Thanks

Brian

[Maria Ilieva]

Hi Brian,

When using client-side paging your data provider's method should return only records for the current page not the entire dataset. Please review this online demo for working example of this functionality.

Regards,
Maria Ilieva
Telerik

 

 

[Brian]

Thanks for the reply. So basically I think the grid does not support client side paging natively and you are relying on RadAjaxLoadingPanel to absorb the post back from looking at the example? I will play with it and see if I am correct.

Brian

[Maria Ilieva]

Hi,

You can bind the grid to a RadClientDataSource as demonstrated here in which case all operations will be automatically handled on the client.

Regards,
Maria Ilieva
Telerik