Производительность рендеринга JQGrid
У нас есть проблемы с производительностью рендеринга 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,7
Каждому пользователю показываются данные в 2 сетках - действия и фии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 и его намного лучше. Но пользователи не могут сразу обновить.