Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.05.2010, 18:50
Аспирант
Отправить личное сообщение для serega063 Посмотреть профиль Найти все сообщения от serega063
 
Регистрация: 29.05.2010
Сообщений: 33

Ext. GridPanel Раскраска колонок
Здравствуйте! Собственно сабж
Есть грид.
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;"
Но при наведении мыши или на выделение строки колонка не меняет цвет, и собственно узнать какая колонка выделена просто не возможно.

Подскажите как быть.
Заранее спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 29.05.2010, 22:41
Аватар для mycoding
NodeJS developer - ушел
Отправить личное сообщение для mycoding Посмотреть профиль Найти все сообщения от mycoding
 
Регистрация: 06.01.2010
Сообщений: 1,022

Можешь выложить более менее весь код.
Вообще, может я ошибаюсь, но вроде ты не правильно делаешь.
Глянь http://javascript.ru/blog/mycoding/I...-ExtJS#extGrid
Ответить с цитированием
  #3 (permalink)  
Старый 02.06.2010, 08:28
Аспирант
Отправить личное сообщение для serega063 Посмотреть профиль Найти все сообщения от serega063
 
Регистрация: 29.05.2010
Сообщений: 33

Ну я просто не стал описывать Store и тд. Так сказать для красоты кода хдесь.
А LockingColumnModel это приблуда для блокирования ячеек.
У меня все работает данные отображаются, но когда я меняю цвет колонок, при выделении строки они не меняются, и поэтому определить какая строка выделена практически не возможно
Ответить с цитированием
  #4 (permalink)  
Старый 02.06.2010, 08:35
Аватар для mycoding
NodeJS developer - ушел
Отправить личное сообщение для mycoding Посмотреть профиль Найти все сообщения от mycoding
 
Регистрация: 06.01.2010
Сообщений: 1,022

Полностью код выложи, а то я запустить не получается этот код.
Ответить с цитированием
  #5 (permalink)  
Старый 04.06.2010, 13:22
Аспирант
Отправить личное сообщение для serega063 Посмотреть профиль Найти все сообщения от serega063
 
Регистрация: 29.05.2010
Сообщений: 33

<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>
Ответить с цитированием
  #6 (permalink)  
Старый 04.06.2010, 13:23
Аспирант
Отправить личное сообщение для serega063 Посмотреть профиль Найти все сообщения от serega063
 
Регистрация: 29.05.2010
Сообщений: 33

Вот видишь когда ты выделяешь строку, выделение ячейки не меняется
Ответить с цитированием
  #7 (permalink)  
Старый 04.06.2010, 15:03
Аватар для mycoding
NodeJS developer - ушел
Отправить личное сообщение для mycoding Посмотреть профиль Найти все сообщения от mycoding
 
Регистрация: 06.01.2010
Сообщений: 1,022

Странно, но Ext.ux.grid.LockingColumnModel у меня не работает.
А зачем так делать, можно же проще.
Ответить с цитированием
  #8 (permalink)  
Старый 05.06.2010, 11:15
Аспирант
Отправить личное сообщение для serega063 Посмотреть профиль Найти все сообщения от serega063
 
Регистрация: 29.05.2010
Сообщений: 33

Да можно и проще, но мне надо лочить некоторые поля. Ты мне лучше по моему вопросу скажи если знаешь
Ответить с цитированием
  #9 (permalink)  
Старый 05.06.2010, 20:53
Аватар для mycoding
NodeJS developer - ушел
Отправить личное сообщение для mycoding Посмотреть профиль Найти все сообщения от mycoding
 
Регистрация: 06.01.2010
Сообщений: 1,022

Да если бы получилось хотя бы запустить, наверное дело в том, что я использую версию 3.2.1 а ты 3.1.0
Помочь тебе реально хочется, но вот так вот.
Может хотя бы скриншот выложишь я попробую, что нибудь похожее сделать
Ответить с цитированием
  #10 (permalink)  
Старый 06.06.2010, 08:35
Аспирант
Отправить личное сообщение для serega063 Посмотреть профиль Найти все сообщения от serega063
 
Регистрация: 29.05.2010
Сообщений: 33

Спасибо за желание помочь!
Вот ты дал пример http://javascript.ru/blog/mycoding/I...-ExtJS#extGrid
Я делаю почти также грид.
Давай исходить из твоего грида, который запускается. Как в твоем гриде раскрасить ячейки корректно?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вакансия дизайнера/разработчика интерфейсов на EXT JS в Москве lakehouse Работа 0 09.01.2010 18:11