This is a migrated thread and some comments may be shown as answers.

Improve rendering time of grid

1 Answer 56 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mike Treat
Top achievements
Rank 1
Mike Treat asked on 20 Aug 2010, 10:50 AM
In my website i have a grid with very large amount of data.
To reduce the loading time of the page i used client side binding (Using JSON) .

I have also enabled GZIP in the server to zip the JSON respnse .But the grid is taking more time to rendering the data,
Is there any way to reduce this?
How can i enable paging and virtual scrolling in this grid?

Code

SampleService.GetData(search, onComplete, onFailed);

 function onComplete(resultObject) {
            var tableView = $find("ctl00_ContentPlaceHolder_rgSearchResult_ctl00");          
            tableView.set_dataSource(resultObject);
            tableView.dataBind();
            return false;
        }



<telerik:RadGrid ID="rgSearchResult" runat="server" Width="100%" AllowFilteringByColumn="True"
                AllowSorting="True" AutoGenerateColumns="False" GridLines="None" AllowPaging="True"
                OnNeedDataSource="rgSearchResult_NeedDataSource" PageSize="50" AllowMultiRowSelection="True"
                OnPageIndexChanged="rgSearchResult_PageIndexChanged" ShowStatusBar="True" EnableViewState="False"
                CssClass="gridHome">
                <MasterTableView Width="100%" AutoGenerateColumns="false" AllowFilteringByColumn="True"
                    EnableViewState="False">
                    <RowIndicatorColumn>
                        <HeaderStyle Width="20px"></HeaderStyle>
                    </RowIndicatorColumn>
                    <ExpandCollapseColumn>
                        <HeaderStyle Width="20px"></HeaderStyle>
                    </ExpandCollapseColumn>
                    <Columns>
                    -----------
                    -----------
                    -----------
                    </Columns>
                </MasterTableView>
               
                <ClientSettings Scrolling-AllowScroll="true" Scrolling-ScrollHeight="500px">
                    <DataBinding EnableCaching="True">
                    </DataBinding>                  
                    <Scrolling UseStaticHeaders="true" />                  
                </ClientSettings>
            </telerik:RadGrid>


1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 25 Aug 2010, 09:34 AM
Hello Mike,

Useful tips on how to improve the grid performance are available in the online resources below:
http://www.telerik.com/help/aspnet-ajax/gridoverview.html (Chapter 'Performance tips and tricks'
http://www.telerik.com/products/aspnet-ajax/resources/top-performance.aspx
http://www.telerik.com/support/aspnet-ajax.aspx (Section "Performance")

All the best,
Pavlina
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
Mike Treat
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or