Изменение цвета ячейки в Treegrid

@Dmitrin · Регистрация: 04.12.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте. Разбираю пример с Treegrid (http://www.jeasyui.com/demo/ma... ltr&pitem=). Подскажите, как можно выделить определенные ячейки в этой таблице какой-нибудь рамкой или изменить внутренний цвет?

Смысл в том, чтобы выделить все ячейки столбца, у которых один родитель и которые в сумме дают не число 100. (Вычисления там все верные, остается только изменить цвет ячейки. Какое свойство можно заменить или какую функцию вызвать?)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
if(ves_koef != 100) 
{
   for(var i=0; i<rows.length; i++)
   {
      if(rows[i]._parentId == idp)
      {
         // Не верно
         //jQuery("#tg").editGridRow(rows[i].id, {'border:1px solid red'});
         //$(rows[i]).css('border','2px solid red');
      }
   }    
}

@amadey18 · 15.07.2015, 08:11

Dmitrin, у каждой строки есть свой класс, переназначьте стили по ваше усмотрению, например при наведении на строку у нее появляется класс "datagrid-row-over".

@Dmitrin · 15.07.2015, 22:09 **[ТС]**

amadey18, В моем случае нужно будет выделять определенные ячейки (не строки), причем сразу в нескольких строках. Насколько я понял, в каждой ячейке есть класс datagrid-cell, и тогда мне к этому классу нужно будет добавить css стиль с, например, красной рамкой?

Добавлено через 2 часа 29 минут
Пока не получается ничего сделать. Не могу понять, как выбрать определенную ячейку и придать ему либо новый класс с рамкой, либо изменить какой-нибудь существующий...

@amadey18 · 16.07.2015, 08:35

Dmitrin, у каждой строки есть свой id "datagrid-row-r1-2-1" и т.д.

HTML5
1
<tr id="datagrid-row-r1-2-1" class="datagrid-row" node-id="1" style="height: 25px;"></tr>

в этих строках есть ячейки которые обозначены field="size" и т.д.

HTML5
1
<td field="size"></td>

поэтому будем искать нужную ячейку вот так: сначала находим строку с нужным id, затем нужную ячейки по названию поля.
#datagrid-row-r1-2-3 - наша строка
td[field="size"] - наша ячейка

CSS
1
2
3
#datagrid-row-r1-2-3 td[field="size"] {
    background: red;
}

Посмотрите у себя, возможно немного будет отличаться, но суть думаю понятна.

@Dmitrin · 18.07.2015, 12:48 **[ТС]**

amadey18, Спасибо большое, помогло))

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@amadey18 92 / 92 / 51 Регистрация: 29.04.2013 Сообщений: 361
	15.07.2015, 08:11
	Dmitrin, у каждой строки есть свой класс, переназначьте стили по ваше усмотрению, например при наведении на строку у нее появляется класс "datagrid-row-over". 1

@Dmitrin 23 / 23 / 11 Регистрация: 04.12.2012 Сообщений: 579
	15.07.2015, 22:09 [ТС]
	amadey18, В моем случае нужно будет выделять определенные ячейки (не строки), причем сразу в нескольких строках. Насколько я понял, в каждой ячейке есть класс datagrid-cell, и тогда мне к этому классу нужно будет добавить css стиль с, например, красной рамкой? Добавлено через 2 часа 29 минут Пока не получается ничего сделать. Не могу понять, как выбрать определенную ячейку и придать ему либо новый класс с рамкой, либо изменить какой-нибудь существующий... 0

@Dmitrin 23 / 23 / 11 Регистрация: 04.12.2012 Сообщений: 579
	18.07.2015, 12:48 [ТС]
	amadey18, Спасибо большое, помогло)) 0

Изменение цвета ячейки в Treegrid

Решение