2016-02-11 3 views
1

Здесь находится JavaScript, в котором я устанавливаю цвет фона на ту области, которые содержат различные данные в BusinessObject колонки и Настроенной колонка.Цвет фона не меняется после присвоения кода цвета в getRowClass на viewConfig собственности

projectgrid= new Ext.grid.GridPanel 
    ({ 
     id:projectgrid, 
     cm : projectInfoFieldsCM, 
     store: inlineGridStore, 
     stripeRows: true, 
     autoScroll:true, 
     width:550, 
     height:500, 
     bodyCssClass : 'customInlineGridCSS', 
     viewConfig: 
     { 
      forceFit: false, 
      autoFill : false, 
      deferEmptyText : false, 
      emptyText : '<div align="center"><span style="font-size: 9pt; font-weight: normal">No record available</span></span></div>', 
      getRowClass: function(record, index, rowParams, store) { 
       if(record.get('BusinessObject')!=record.get('CustomTable')){ 
        return 'gender-male'; 
       } 
      } 
     } 
     }); 

здесь, CSS файл, в котором я имею присвойте цветовое кодирование. Примечание: Я пробовал оба ID, которые объявлены в файле css.

   .data-row-light-red 
      { 
      background-color: #ff0000 !important ; 
      } 

      .gender-male .ID { 
       background-color: #088da5; 
      } 

Я делаю что-то неправильно, потому что я реализовал эту функциональность раньше, но я застрял в этом?

+0

'.gender-мужчине .ID' что' .ID' здесь? Я пробовал этот код только с «.gender-male», и все работы меняли цвет фона всей сетки. –

ответ

-1

Вы должны отделить селекторов класса с помощью запятой

Попробуйте

.gender-male, .ID 
{ 
    background-color: #088da5; 
} 

Или

.gender-male 
{ 
    background-color: #088da5; 
} 

Если вам не нужен ID класса в любом месте

+0

В вышеприведенном запросе есть проблема с CSS. Когда вы группируете селектор, вам необходимо разделить каждый селектор запятой. Вот почему я предложил использовать запятую между «.gender-male» и «.Id». Так вы можете сделать класс «.gender-male» доступным из объекта ViewConfig объекта ExtJs. – Sushil88

0

Может быть, не хочу, чтобы ты нужно точно, но я уже сделал что-то подобное с функцией renderer в столбце, возможно, лет Вы тоже сможете это использовать?

Вот мой код:

columns: [ 
    {header: "Color", dataIndex: "COLOR", width:100, 
    renderer: 
     function(value, metaData, record, rowIndex, colIndex, store){ 
     metaData.style = "background-color: rgb(255,255,255);"; 
     return ""; 
     }           
    }, 

Надеется, что это помогает

Смежные вопросы