Hi ,
i want to implement client side pagination in radgrid how i can achieve it ?
below is the code for binding the data from client side , here only i am getting full set of data ,so next time when i click on pagenumber i don't want to do post back and i don't want to hit Database when i click on page number and also no postback.
can any one send me sample code how to implement client side pagination.
var serviceURL = 'http://localhost:1100/Invoice/InvoiceService.svc';
// debugger;
var jsonData;
$.get(serviceURL, null, function (jsonData) {
try {
if (jsonData.length > 0) {
// alert(jsonData);
// debugger;
var grid = $find("<%=rgSiteorAcctDtls.ClientID%>");
var MasterTable = grid.get_masterTableView();
MasterTable.set_dataSource(jsonData);
MasterTable.dataBind();
}
}
catch (e)
{ alert(e.message); }
}
);
.aspx code
<telerik:RadGrid ID="rgSiteorAcctDtls" ShowStatusBar="true" runat="server" AutoGenerateColumns="false" Skin="DV"
EnableEmbeddedSkins="false" GridLines="None" AllowMultiRowSelection="true"
BorderStyle="None" PageSize="5" AllowPaging="true" >
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="VendorName" HeaderText="Vendor" />
<telerik:GridBoundColumn DataField="SiteName" HeaderText="Site " />
some other columns...
>
i tried below url but no help
http://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/programmatic/defaultcs.aspx
i want to implement client side pagination in radgrid how i can achieve it ?
below is the code for binding the data from client side , here only i am getting full set of data ,so next time when i click on pagenumber i don't want to do post back and i don't want to hit Database when i click on page number and also no postback.
can any one send me sample code how to implement client side pagination.
var serviceURL = 'http://localhost:1100/Invoice/InvoiceService.svc';
// debugger;
var jsonData;
$.get(serviceURL, null, function (jsonData) {
try {
if (jsonData.length > 0) {
// alert(jsonData);
// debugger;
var grid = $find("<%=rgSiteorAcctDtls.ClientID%>");
var MasterTable = grid.get_masterTableView();
MasterTable.set_dataSource(jsonData);
MasterTable.dataBind();
}
}
catch (e)
{ alert(e.message); }
}
);
.aspx code
<telerik:RadGrid ID="rgSiteorAcctDtls" ShowStatusBar="true" runat="server" AutoGenerateColumns="false" Skin="DV"
EnableEmbeddedSkins="false" GridLines="None" AllowMultiRowSelection="true"
BorderStyle="None" PageSize="5" AllowPaging="true" >
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="VendorName" HeaderText="Vendor" />
<telerik:GridBoundColumn DataField="SiteName" HeaderText="Site " />
some other columns...
>
i tried below url but no help
http://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/programmatic/defaultcs.aspx