Kendo UI 加载很多很多字段时卡顿问题

之前做的Demo都是十个以内测试的,今天突然加到一百多,卡顿的要命

经过搜索发现不是Grid的问题,而是我在Grid上绑定了一个列自适应宽度的事件

    //列宽自适应//bind的问题:当列很多时,加载很慢
    var zgdmkgrid = $("#zgdmkgrid").data("kendoGrid");
    zgdmkgrid.bind("dataBound", onDataBound);

    function onDataBound() {
        var zgdmkgrid = $("#zgdmkgrid").data("kendoGrid");
        if (zgdmkgrid.columns.length > 20) {
            return;
        }
        for (var i = 0; i < zgdmkgrid.columns.length; i++) {
            zgdmkgrid.autoFitColumn(i);
        }

    }
    $(".k-grid-fitcols").click(function (e) {
        var zgdmkgrid = $("#zgdmkgrid").data("kendoGrid");
        for (var i = 0; i < zgdmkgrid.columns.length; i++) {
            zgdmkgrid.autoFitColumn(i);
        }
    });

后来经过调整,改成了上面这个样子,小于20个字段时触发,大于二十个时就再页面上添加一个按钮手动触发一下。

官方论坛上的一些讨论:https://www.telerik.com/forums/special-autofit-column-for-only-a-fews-rows

上一篇:HTML小白入门基础_9


下一篇:使用 AutoViz 进行绘图(自动完成数据可视化)