Установить стиль строки на сетке jquery

Question

я использую jqgrid на asp.net mvc ... у меня есть конкретное требование .... Данные в сетке - это список значений, которые должны быть установлены в каждой строке ... и каждая строка имеет дату столбец ... При отображении сетки, я хочу другой цвет строки в воскресенье и субботу .. в то время как остальные строки белые .. Как этого добиться в jquery jqgrid?

Answer 1

Вы можете "принести цвета" в вашей сетке в отношении setCell метода jqGrid (см. этот ответ в качестве примера) или jQuery.addClass, jQuery.css (см. это и это ). Это следует сделать после загрузки сетки, например, внутри вашего обработчика событий loadComplete .

Если вы хотите установить стиль background-color в ячейке, вы должны понять одну небольшую проблему. Класс 'ui-widget-content', используемый для каждой строки сетки, уже определяет стиль background-color на background (!!! не на background-color). Таким образом, чтобы получить эффекты, вы должны внести изменения в стиль background-color в one следующими способами: 1) просто используйте background: yellow вместо background-color: yellow (см. this ). 2) удалить класс 'ui-widget-content' с помощью jQuery.removeClass('ui-widget-content') (см. this ); 3) изменить стиль строки более явным, например $("#"+rowid)[0].style.backgroundColor = "yellow" (см. this в качестве примера). Выберите способы, которые вы предпочитаете.