Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.88/8: Рейтинг темы: голосов - 8, средняя оценка - 4.88
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579

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

14.07.2015, 20:06. Показов 1615. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Разбираю пример с 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');
      }
   }    
}
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
14.07.2015, 20:06
Ответы с готовыми решениями:

Изменение цвета div ячейки, при наведении
Доброго времени суток!!! Как реализовать на css, чтобы при наведении мышью на блок div менял цвет. Заранее спасибо!!!

Изменение цвета ячейки при наведении в динамической таблице
В общем, ничего обыкновенного: изменение цвета ячейки при наведении на неё. В интернете нашёл кучу примеров, но проблема в том, что число...

Изменение ячейки таблицы на текстовое поле с содержанием ячейки при клике на неё
Доброго времени суток! Подскажите, как реализовать? Есть некая таблица, в которой хранятся 7 значений. Как сделать так, чтобы при...

4
 Аватар для amadey18
92 / 92 / 51
Регистрация: 29.04.2013
Сообщений: 361
15.07.2015, 08:11
Dmitrin, у каждой строки есть свой класс, переназначьте стили по ваше усмотрению, например при наведении на строку у нее появляется класс "datagrid-row-over".
1
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
15.07.2015, 22:09  [ТС]
amadey18, В моем случае нужно будет выделять определенные ячейки (не строки), причем сразу в нескольких строках. Насколько я понял, в каждой ячейке есть класс datagrid-cell, и тогда мне к этому классу нужно будет добавить css стиль с, например, красной рамкой?

Добавлено через 2 часа 29 минут
Пока не получается ничего сделать. Не могу понять, как выбрать определенную ячейку и придать ему либо новый класс с рамкой, либо изменить какой-нибудь существующий...
0
 Аватар для amadey18
92 / 92 / 51
Регистрация: 29.04.2013
Сообщений: 361
16.07.2015, 08:35
Лучший ответ Сообщение было отмечено Dmitrin как решение

Решение

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;
}
Посмотрите у себя, возможно немного будет отличаться, но суть думаю понятна.
1
23 / 23 / 11
Регистрация: 04.12.2012
Сообщений: 579
18.07.2015, 12:48  [ТС]
amadey18, Спасибо большое, помогло))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
18.07.2015, 12:48
Помогаю со студенческими работами здесь

Изменение фона - плавное изменение цвета
Не фурычит плавное изменение цвета... Если переменные r g b через рандом то всё работает отлично &lt;html&gt; &lt;head&gt;...

Смена цвета ячейки по событию OnClick
Как сделать тоже самое только по событию ONCLICK т.е. чтобы ОДНА ячейка выделялась при клике и оставалась выделенной, пока не кликнут по...

Изменение цвета в js
Допустим у меня есть див с шириной и высотой, зеленого цвета . 1 Как сделать так что бы он стал красным при наведении мыши ?

Плавное изменение цвета
плавно менять высоту или ширину блока это понятно , но как сделать например плавное изменение цвета с зеленого в красный и тд? у меня на...

Изменение цвета аттрибутов
Добрый! Мучаюсь с такой вещью - пытаюсь поменять цвет аттрибута pm.name, использующийся вот так: &lt;div data-html='true'...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Загрузка 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
Решили писать научную статью с неким РОманом
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru