Как изменить цвет фона грязных ячеек сетки в Extjs

#extjs #grid #styling #cells

#extjs #сетка #оформление #ячейки

Вопрос:

Я хочу изменить стиль (цвет фона … и т.д.) грязных ячеек в сетке. Как применить стиль, который будет влиять только на грязные ячейки сетки?

Ответ №1:

Используйте следующее имя класса CSS для изменения некоторых свойств грязных ячеек :

 .x-grid3-dirty-cell {
     background-image:none;
}
 

Это удалит красный угол из грязных ячеек.Это применимо к версии ExtJS> = 3

Если вы хотите изменить цвет фона ячейки, вы должны использовать x-grid3-cell-inner вы можете использовать columnRenderer , где вы можете написать логику. При редактировании ячейки будет вызван columnrenderer, и там вы можете проверить, изменилось ли значение, измените цвет с помощью

 function columnrenderer(value, meta,records,rowIndex,colIndex,store,view){
    var column = view.getHeaderAtIndex(colIndex);
    var dataIndex = column.dataIndex;
    records.modified[dataIndex]; //Will give the original value
    value; //gives the changed value
    if(//both are not same)
         return '<div class="x-grid3-cell" style="background-color:red;"><span >('   value   ')</span></div>';
    else
       //do nothing
}
 

Для получения дополнительной информации о GridCellRenderer см. Часто задаваемые вопросы ExtJS Grid

Комментарии:

1. Любая папка, содержащая css файл. в этом файле css поместите эти классы. Обратитесь к файлу css в вашем index.html . Это имя класса, используемое ExtJS framework. он будет переопределен.

2. добавлено в файл css по-прежнему без изменений