#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 по-прежнему без изменений