RadGrid client side binding with more than 100 rows

[Sandeep]

Hi,

Please read my scenario described below.

Scenario: I have a RadGrid with approx. 10 GridTemplateColumns where in 9 template columns consists of RadTextBox and one template column has RadComboBox. The scenario is that this RadGrid is bound by more than 100 rows every time. Currently am using the client side programmatic binding method to bind the RadGrid.

Problem: I have observed that it is taking 2-3 minutes to bind the grid with more than 90 rows.

Can anyone suggest me on how to improve the performance? I want the RadGrid to be loaded in very quick time, say in around 5-10 seconds.
Any help would be greatly appreciated.

Thanks,
Sandeep

[Jayesh Goyani]

Hello,

I have already used this method in my pages, but i am never faced this issue in my pages.

Can you please check that, how much time it will take to get the data from the Database? (Temporary please pass the mock/static data and check that)?

Let me know if any concern.

Thanks,
Jayesh Goyani

[Sandeep]

Thanks Jayesh.
I will check and get back.

Regards,
Sandeep

[Sandeep]

Hi Jayesh,

I was able to bind the grid. But it binds the template columns only for 11 rows and after that it shows simple GridBind Columns as in the attached image. Can you please tell me why is it behaving that way. Thanks in advance.

Regards,
Sandeep

[Eyup]

Hello Sandeep,

When using Client-Side binding, you should use GridClientTemplates:
http://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/client-item-template/defaultcs.aspx

An alternative approach would be to modify the PageSize property of the grid even if Paging is disabled:
http://www.telerik.com/community/forums/aspnet-ajax/grid/client-side-binding---radgridview-could-not-bind-gridtemplatecolumn-after-page-size-changing.aspx

Additionally, please note that rendering 100 comboboxes simultaneously can be a hard task for the browser. You can try to replace them with RadDropDownList and see whether this improves performance:
http://demos.telerik.com/aspnet-ajax/dropdownlist/examples/overview/defaultcs.aspx

Hope this helps.

Regards,
Eyup
Telerik

[Jayesh Goyani]

Hello Sandeep,

First of all sorry for late reply.

Either you have to follow @Eyup solutions or you have to create element manually.

On Radgrid's databound event you have to created create element manually.

<script>
            function RowDataBound(sender, args) {
                var celName = args.get_item().get_cell("Name");
                var input = document.createElement("input");
                input.type = "text";
                input.value = args.get_dataItem().Name;
                celName.appendChild(input);
            }
        </script>

<ClientSettings ClientEvents-OnRowDataBound="RowDataBound"></ClientSettings>
..........
..........
<telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">
                    </telerik:GridBoundColumn>

Thanks,
Jayesh Goyani