[Solved] Performance issue in data binding/loading in IE8 browser

[Dev2]

Hi,

We have used KendoUI grid control in our application with Detail template. During testing, we found that there is performance difference between IE8 and other browsers  like Firefox, Chrome and IE9. Data binding/loading in IE 8 browser take more time than compared to other browsers(almost more than double time).

I checked by putting stopwatch with each and every events/steps and found that, binding data to grid take more time in IE8 browser.

Below is small snap of code we used for binding.
<div>

  @(Html.Kendo().Grid<Orderlist>()
            .Name("OrderlistGrid")
            .HtmlAttributes(new { @class = "t-gridcenter" })
            .DataSource(dataSource => dataSource
                            .Ajax()
                            .PageSize(20)
                            .Events(events => events.Error("onTelerikAjaxError"))
                            .Read(read => read.Action("GetOrderList", "Orderlist", Html.AntiForgeryMvcTokenRouteValues("GetOrderList").AddRouteValues((RouteValueDictionary)ViewData["OrderListModel"]))))

            .Columns(columns =>
            {
        ...
        ...//around 18 columns
        ...
         })

 .ClientDetailTemplateId("OrderlistTemplate")
            .Events(events =>
            {
                
                events.DataBound("OnDataBound");
            })
            .Filterable()
            .Sortable(m => m.SortMode(GridSortMode.MultipleColumn))
            .Scrollable(scrollable => scrollable.Height("auto"))
            .Resizable(resizing => resizing.Columns(true))
            .Pageable(pager =>
            {
                pager.Refresh(true);
                pager.Numeric(true);
            }))
</div>

<script id="OrderlistTemplate" type="text/kendo-tmpl">
        @(Html.Kendo().TabStrip()
            .Name("TabStrip_#=OrderId#")
            .HtmlAttributes(new { @class = "boxcnt" })
            .SelectedIndex(0)
            .Items(items =>
            {
                items.Add().Text("<b>Order details</b>").Encoded(false)
                .LoadContentFrom("OrderVerification", "Orderlist", Html.AntiForgeryMvcTokenRouteValues("OrderVerification").AddRouteValues(new { OrderId = "#= OrderId #" }).AddRouteValues(new { HashedParam = "#= HashedParam #" }));
            }).ToClientTemplate())
</script>


 function OnDataBound() {
//format cells in different conditions. like bold, background colors etc.
}

Please have look and provide your inputs on that.

Thanks in advance,

[Vladimir Iliev]

Hi,

 
Basically this is browser specific behavior - IE8 is known for it's poor JavaScript performance - more information on this matter is available on various resources over the internet. For example you can check here and here.

Kind regards,
Vladimir Iliev
the Telerik team

[Dushyanth]

Hi,

     We are using Telerik latest release 2015.1.408. We are unable to solve the issue of data binding/loading in chrome and firefox. Please do revert back with a solution ASAP

[Vladimir Iliev]

Hi Dushyanth,

From the provided information it's not clear for us what is the exact issue that you are experiencing - could you please open a new support ticket / forum post and provide the following additional information?

• More details about what is the exact issue that you are experiencing
• The current Grid code, Model used inside the Grid and the related Controller
• Example data send from the server to the client side

Regards,
Vladimir Iliev
Telerik