使用 Kendo UI 网格 & Window 非常高 CPU 使用率

Question

我有一个简单的应用程序，它是一组包含数据网格的 Kendo UI windows。一旦它运行，它就会对系统造成巨大的压力，并且视觉效果会停止。

无论项目运行与否，它的 Chrome 都会有问题，如果加载这些页面并且除了坐在浏览器中之外什么都不做，计算机会非常慢

想知道是否有人遇到过类似问题，如何排查/解决。

一些示例网格代码

@{
    Layout = null;
}

@(Html.Kendo().Grid<DashboardViewModel.Payment>()
    .Name(Guid.NewGuid().ToString())
    .DataSource(dataSource => dataSource
        .Ajax()
        .Sort(sort => sort.Add("paymentId").Descending())
        .Read(read => read.Action("PaymentsJson", "Dashboard"))
    )
    .Columns(columns =>
    {
        columns.Bound(c => c.paymentId).Title("Id");
        columns.Bound(c => c.business).Title("Business");
        columns.Bound(c => c.createdAt).Title("Created").Width(110).DateFormat();
        columns.Bound(c => c.coupon).Title("Coupon");
        columns.Bound(c => c.quantity).Title("Qty").Width(80).Right();
        columns.Bound(c => c.price).Title("Price").Width(100).Right().CurrencyFormat();
        columns.Bound(c => c.discount).Title("Discount").Width(100).Right().CurrencyFormat();
        columns.Bound(c => c.total).Title("Total").Width(100).Right().CurrencyFormat();
    })
    .Filterable()
    .Pageable()
    .Sortable()
    .Groupable()
)

Answer 1

这实际上与 Kendo 完全无关。感谢Nicholas让我质疑和隔离

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

我模板中的这行代码就是问题所在。我什至不确定它是如何到达那里的，但我不使用或不需要它。删除该行解决了我的问题。也许 css 与 kendo 中的某些内容冲突，不确定。

使用 Kendo UI 网格 & Window 非常高 CPU 使用率

Use of Kendo UI Grid & Window Very high CPU Usage

kendo-ui-mvc

kendo-ui-grid

kendo-ui-window