之前做的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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统