powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ext. GridPanel Раскраска колонок
11 сообщений из 11, страница 1 из 1
Ext. GridPanel Раскраска колонок
    #36656921
serega063
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Здравствуйте! Собственно сабж
Есть грид.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
var gridBR = new Ext.grid.GridPanel({
        store: brStore,
        colModel: new Ext.ux.grid.LockingColumnModel([
           {header:"Технологический<br>(факт)min, МВтч",renderer: myCellRenderer,align:'center',dataIndex:'PMINTEPL_FACT'},
           {header:"Торговый<br>график,<br>МВтч",css : "background-color: #F5C0C0;",align:'center',dataIndex:'TG'},
           {header:"Продажа на<br>БР, руб.",align:'center',dataIndex:'SUMSELL'}

        ]),
        stripeRows: true,
        autoScroll: true,
    border: false,
    autoExpandColumn:'hr',
    loadMask: true,
    layout: 'fit',
    width:'100%',
        view: new Ext.ux.grid.LockingGridView()
    });

Колонку раскрашиваю вот таким методом. css : "background-color: #F5C0C0;"
Но при наведении мыши или на выделение строки колонка не меняет цвет, и собственно узнать какая колонка выделена просто не возможно.

Подскажите как быть.
Заранее спасибо
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36660394
serega063
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Ребят скажите, я что задал элементарный вопрос?
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36660411
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
serega063Есть грид.
Где тут про хтмл жиэс или цсс? Может ты разделом ошибся?
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36660746
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
serega063Ребят скажите, я что задал элементарный вопрос?
Да - не... Просто ExtJS, насколько я понял, у нас практически никто не юзает... Попробуйте сдесь ...

P.S. krvsaГде тут про хтмл жиэс или цсс? Это - ExtJS
P.P.S. krvsaМожет ты разделом ошибся? Скорее - форумом ...
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36660767
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
P.P.P.S. И сдесь - КПД==0...
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36660777
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
serega063,

выложил бы готовый небольшой пример целиком (лучше всего - папку, завернутую в рар) - можно было бы покопать.

А так - сам понимаешь...
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36660782
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ex_Soft...практически никто не юзает...
Почему не юзает, парочку-тройку мемберов можно найти. Тот же Зевс. Правда, он куда-то пропал.
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36662035
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeПочему не юзает, парочку-тройку мемберов можно найти
Вот то-то и оно... Пара-тройка... Да и юзают смотря как... По крайней мере на мои вопросы еще никто нигде не ответил... Часть дошел сам... А часть... Так и висит...
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36669176
serega063
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <title></title>
</head>
 
 
<link rel="stylesheet" type="text/css" href="ext-3.1.0/resources/css/ext-all.css">
<script type="text/javascript" src="ext-3.1.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.1.0/ext-all.js"></script>
<script language="javascript" src="ext-3.1.0/src/locale/ext-lang-ru.js"></script>
<script type="text/javascript" src="ext-3.1.0/examples/ux/LockingGridView.js"></script>
 
<link rel="stylesheet" type="text/css" href="ext-3.1.0/examples//ux/css/LockingGridView.css" />
<script type="text/javascript"> 
Ext.BLANK_IMAGE_URL = 'ext-3.1.0/resources/images/default/s.gif';
 
 
 
  var datesData = [
                      [new Date().format('d.m.Y'),'qqsdfsdqqqqq','qqqdfsdqqqq','qqqqqqq'],
                      [new Date().format('d.m.Y'),'qqsdfsdqqqqq','qqqdfsdqqqq','qqqqqqq']
                  ];
 
 boxRecord = new Ext.data.Record.create([
 {name: 'DT'},
 {name: 'DT1'},
 {name: 'DT2'},
 {name: 'DT3'}
]);
 
  var datesStore = new Ext.data.ArrayStore({
        fields: boxRecord
    });
 
var gridDates = new Ext.grid.GridPanel({
        store: datesStore,
        id:'gridDate',
         colModel: new Ext.ux.grid.LockingColumnModel([
                   {id:'dt',header:"Дата",align:'center', width:  139 , dataIndex:'DT'},
                   {id:'dt1',header:"Дата1",align:'center',css : "background-color: #F5C0C0;", width:  139 , dataIndex:'DT1'},
                   {id:'dt2',header:"Дата2",align:'center', width:  139 , dataIndex:'DT2'},
                   {id:'dt3',header:"Дата3",align:'center',css : "background-color: #F5C0C0;", width:  139 , dataIndex:'DT3'}]),
                 tripeRows: true,
                 autoScroll: true,
                 border: false,
                 loadMask: true,
    view: new Ext.ux.grid.LockingGridView()
  });
 
  Ext.onReady(function () {
 
    var viewport = new Ext.Viewport({
      layout: 'border',
      renderTo: Ext.getBody(),
      items: [{
        region: 'center',
        border: false,
        layout: 'fit',
        items: [gridDates]
      }]
    });
    datesStore.loadData(datesData);
 
 
 
 
  });
</script>
 
</html>
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36669181
serega063
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
И проблема в том что при выделении строки цвет колонок остается прежним.

Если все колонки закрасить, тогда совсем не понятно какая строка выделена
...
Рейтинг: 0 / 0
Ext. GridPanel Раскраска колонок
    #36671137
ZeusTheTrueGod
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
serega063,

Для экст-жс есть универсальный способ разобраться со стилями и прочим счастьем


сначала нужно добиться требуемого результат в фаербаге, если не получается - то увы, дальше можно не идти.

После этого нужно понять, кто может повлиять на стиль.

Для грида - renderer у column позволяет менять css и атрибуты ячейки
Всему гриду можно дать свой собственный css класс
Каждый столбец имеет свой собственный класс, что-то вроде x-grid-column-0 и так далее, если ячейки не нужно двигать - самое оно

Таким образом, в ExtJs стараемся сделать всё css классами, поскольку css : "background-color: #F5C0C0;" смотрится очень убого

А потом с помощью хитрого css делаем всё как надо

Ну и главное, поскольку нет ссылку на страницу, где можно посмотреть на готовый результат, то на конкретное решение можно не расчитывать

Ах да, насчёт приведённого тут примера - толку от него по прежнему 0, поднимите хоть бесплатный сайт на narod.yandex.ru, чтобы можно было пройти по ссылке и подправить сразу в фаербаге
...
Рейтинг: 0 / 0
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ext. GridPanel Раскраска колонок
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]