jqgrid排序性能

Question

我在客户端上将 jqgrid 用于金融 Web 应用程序，其中行会非常频繁地添加和/或更新（每隔几毫秒）。 最大行数始终保持在 80 以下。 数据通过彗星推送到网络（反向ajax） 当数据进来时，应用以下代码

更新 jqgrid 是这样定义的：

jQuery(selector).jqGrid(
                {
                    datatype: 'local',
                    localReader: {
                        id: "id" 

                    },
                    colNames: ["id","price","volume","time"],
                    colModel: [ {name:'id', width:60},
                                {name:'price', width:80,
                                       align:"right",sorttype:"float"},
                                {name:'volume', width:100},
                                {name:'time',index:'amount', width:80} 
                                ], 
                    sortname: '', 
                    sortorder: 'desc',
                    height:'100%',
                    rowNum: 80,
                    viewrecords: true,
                    loadonce: true

                });

        ........................

_updateGrid: function (handle, args) { 
    var updated = args.data;
    var current = handle.jqGrid('getRowData', updated.id);
    if (typeof current.id == 'undefined' || current.id == null
                                         || current.id == "") {
        current = updated;
        var itWorks = handle.addRowData(updated.id, current);
    }
    else {
        handle.jqGrid('setRowData', updated.id,
                      {
                          id: updated.id
                          , price: updated.price
                          , volume: updated.volume
                          , time: updated.time
                      });
    }

    handle.sortGrid('price', false, 'desc');
}

现在性能非常糟糕，以至于firefox弹出一条错误消息要求停止脚本。

我正在考虑切换网格小部件，但在此之前我想看看其他开发人员是否有任何可以解决问题的想法。

Answer 1

在所有性能问题中，定位瓶颈很重要。

我想问题是现在 jqGrid 中使用的数据排序性能不佳。要验证这一点，您可以尝试将 sortname 参数设置为 "" 并调用 handle.trigger("reloadGrid") 而不是 handle.sortGrid('price', false, 'desc');

如果您发现刷新数据会更快，那么我们可以讨论相应的解决方案。需要将用于对本地数据进行排序的_doSort 方法替换为更有效的版本（基于快速排序或可能的 Array.sort）。

另一种提高代码性能的方法是使用 jqGrid 的 data 和 _index 参数来直接访问内部网格数据。 _index 参数帮助您获取由rowid 标识的数据data 数组中的索引。修改完所有数据后可以触发reloadGrid刷新网格。

更新：附上代码

var lastData = handle.jqGrid('getGridParam','data');
var dataIndex = handle.jqGrid('getGridParam','_index');

可以获取保存在网格中的本地数据及其索引。与

var i = dataIndex[updated.id], var current = null;
if (i>0) { current = lastData[i]; }

您通过 rowid updated.id 获得数据元素的reference（希望我理解您的代码正确，并且 updated.id 是 rowid）。

现在您可以对current 元素的属性进行任何修改，而无需保存它。你就地工作。完成所有修改后，应根据修改后的数据刷新包含的网格。您可以使用 handle.trigger("reloadGrid") 或 handle.sortGrid('price', false, 'desc'); 来执行此操作，它们的效果相同。