Magento，后端网格上的行组的不同背景颜色 [英] Magento, different background color for group of rows on backend grid

问题描述

在带有网格的后端管理页面上，我需要更改行组的背景颜色.默认情况下不是逐行交替颜色，而是根据已知的列值对组进行着色.

我正在研究这个 SO 问题:.有一些 SO 问题也有助于理解解决方案.

我没有像最初想要的那样更改整行背景颜色，我只是在修改单元格背景.但最后，足以向用户指出这一行有些不同.我所做的是添加一个新的自定义列.在 renderer 属性上，我引用了一个新类.

$this->addColumn('collision_type', array('标题' =>$helper->__('碰撞'),'对齐' =>'中央'，'索引' =>'collision_type','类型' =>'行动'，'渲染器'=>新的 Dts_Banners_Block_Adminhtml_Collisions_Grid_Renderer_Collisiontype(),));

我将所需的类放在一个新的子树中:

网格└─ 渲染器└─ Collisiontype.php

这是应该呈现列的新类.要拥有不同的颜色，只需要评估 $value 变量并为相应的值应用不同的颜色样式，这就是我现在正在做的.

getData($this->getColumn()->getIndex());return '<div style="color:#FFF;font-weight:bold;background:#F55804;border-radius:8px;width:100%">'.$value.'</div>';}}?>

结果:

On a backend admin page with a grid I need to change the background color for groups of rows. Not alternate color row by row as default but coloring groups according to a known column value.

I was looking into this SO question: Approach on changing row color on orders grid in admin and other similar pages. But can't reproduce what I need as this question refers to a value in a column that will be repeated.

I need to either use different colors for different groups or at least use alternate colors of those groups.

Maybe something like this:

解决方案

For anyone looking for a solution. I used this tutorial on the Inchoo website: Add custom renderer for a custom column in Magento grid. There are some SO questions that also helped to understand the solution.

I didn't manage to change the full row background color as initially wanted, I'm just modifying the cell background. But at the end, is enough to point the user that this row is somewhat different. What I have done was add a new custom column. On the renderer property I referenced a new class.

$this->addColumn('collision_type', array(
          'header'  => $helper->__('Collision'),
          'align'   => 'center',
          'index'   => 'collision_type',
          'type'    => 'action',
          'renderer'=> new Dts_Banners_Block_Adminhtml_Collisions_Grid_Renderer_Collisiontype(),
));

I placed the needed class inside a new subtree:

Grid
  └─ Renderer
        └─ Collisiontype.php

And this is the new class that should render the column. To have different colors just need to evaluate the $value variable and apply different color styles for the corresponding value, that is what I'm doing now.

<?php
class Dts_Banners_Block_Adminhtml_Collisions_Grid_Renderer_Collisiontype extends Mage_Adminhtml_Block_Widget_Grid_Column_Renderer_Abstract
{
    public function render(Varien_Object $row) {
        $value =  $row->getData($this->getColumn()->getIndex());
        return '<div style="color:#FFF;font-weight:bold;background:#F55804;border-radius:8px;width:100%">'.$value.'</div>';
    }
}
?>

And the result:

这篇关于Magento，后端网格上的行组的不同背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！