jqgrid如何渲染表格数据_JQGrid渲染性能

桃扇骨 2022-12-31 10:25 228阅读 0赞

我们有JQgrid渲染的性能问题。请指教。 JQGrid v4.3.2，jquery-1.7.2.min.js，jquery-ui-1.8.1.sortable.min.js，jquery-ui-1.8.20.custom.min.js 浏览器：IE6浏览器：http：//www.jqgrid.org/ ，7JQGrid渲染性能

每个用户都以2个网格显示数据 - actions和fyi's。典型的数据范围是每个网格约300行。列的列表可能因用户组而异，因此colModel结构是动态的。获取数据后，我们将条件样式应用于每一行(如加粗或不加等)并更改数字格式。

网格代码示例是如下：

jQuery('\#ActionItems').jqGrid(\{

url: 'http://actionsurl',

mtype: 'GET',

datatype: 'json',

page: 1,

colNames: actionsColNames,

colModel: actionsColModel,

viewrecords: true,

loadonce: true,

scrollrows: false,

prmNames: \{ id: "PrimaryID" \},

hoverrows: false,

jsonReader: \{ id: "PrimaryID" \},

sortname: 'CreateDt',

sortorder: 'desc',

gridComplete: function() \{

fnActionsGridComplete();

\},

recordtext: "Displaying \{1\} of \{2\} Records",

emptyrecords: "No data to view",

emptyDataText: "No data found.",

loadtext: "Loading...",

autoWidth: true,

rowNum: 1000,

grouping: true,

groupingView: groupingViewOp

\});

格式码中fnActionsGridComplete()：

在％设定列宽度

迭代通行应用条件CSS样式 $("\#Actions").find("tbody tr").each(function() \{

if ($(this)\[0\].id != '') \{

var data = $(this).find('.IsItemNew').html();

if(data == "Y") \{

$(this).css("fontWeight", "bold");

\}

\}

\});

格式化特定栏目。

目前，我们在任何网格中存在> 200行数据的性能问题。经过分析，我们发现格式化和渲染花费了大部分时间。

您可以在此建议任何优化方法来提高性能。 (分页的禁忌)

问候， 拉贾尼

\- 我们做测试的IE9和它的好多了。但用户无法立即升级。

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui 方法渲染表格数据

layui.use('table', function () { const table = layui.table; //第一个实例

爱被打了一巴掌/ 2024年03月31日 17:17/ 0 赞/ 103 阅读

相关 jqgrid

最近在写前端的一些东西用到了jqgrid.可是页面显示的日期总是无法成功变成想要的格式.![20200317110810276.png][] 这样写页面出现的是NaN,按照网

快来打我*/ 2023年10月07日 11:14/ 0 赞/ 46 阅读

相关 jqgrid如何渲染表格数据_JQGrid渲染性能

我们有JQgrid渲染的性能问题。请指教。 JQGrid v4.3.2，jquery-1.7.2.min.js，jquery-ui-1.8.1.sortable.min.js，

桃扇骨/ 2022年12月31日 10:25/ 0 赞/ 229 阅读

相关 jqgrid 加载mysql数据_jqgrid加载数据

jqgrid：不错的jQuery表格插件。目前官方的sample和网友的例子中大多数是初始化时就发送了action，加载一堆数据。我目前的项目需求：初始化页面时jqg

怼烎@/ 2022年10月24日 11:56/ 0 赞/ 213 阅读

相关 jqgrid

[http://www.trirand.com/blog/jqgrid/jqgrid.html][http_www.trirand.com_blog_jqgrid_jqgrid

墨蓝/ 2022年08月07日 02:54/ 0 赞/ 243 阅读

相关【JqGrid】jqgrid合并单元格

1、jqgrid官方的事件和方法 [http://www.trirand.com/jqgridwik ... %5B%5D=gridcomplete][http_www.t

川长思鸟来/ 2022年07月14日 04:55/ 0 赞/ 297 阅读

相关【JqGrid】JqGrid日期格式化处理

使用JqGrid显示日期是转换后的结果，即显示的毫秒数。需要自己进行手工处理，处理后的代码如下： {label:'日期',name: 'departure_date'

偏执的太偏执、/ 2022年07月13日 21:09/ 0 赞/ 238 阅读

相关如何给jqGrid表格按照字段进行分组

1、问题场景（1）利用jqGrid生成表格（2）表格按照字段name进行分组 2、实现源码 <!DOCTYPE html>

- 日理万妓/ 2022年06月14日 02:41/ 0 赞/ 182 阅读

相关渲染表格

开发工具与关键技术：vsX 和 jquery 作者：戴怡斌撰写时间：2019.4.16 下面就来看一个渲染表格的案列，表格相信大

╰半夏微凉°/ 2022年04月24日 06:02/ 0 赞/ 304 阅读

相关渲染表格

渲染表格下面我们要做的是查询数据、渲染表格。（开发工具：Visual Studio 2015） ![在这里插入图片描述][watermark_type_ZmFuZ3

冷不防/ 2022年02月04日 11:57/ 0 赞/ 353 阅读