SMART datagrid :: BarCellRenderer

DataLudi.BarCellRenderer class

竖条渲染器通过从origin开始的长方形竖条，显示数据单元格的值和对渲染器的minimum和maximum范围的比例。通过GridStyles.shapeBackground和GridStyles.shapeBorder，绘制竖条。通过GridStyles.shpaeSize，决定竖条的宽度。

当设置列渲染器时，将type指定为"bar"。

Base Classes: DataCellRenderer > GridObject > EventAware > DLBase

Constructor: function BarCellRenderer ();

Properties: maximum; minimum; origin; showLabel

Inherited Properties: GridObject.owner; DataCellRenderer.showTooltip

Inherited Methods: EventAware.addListener; DLBase.assign; GridObject.ctor; DataCellRenderer.ctor; DLBase.getProperties; DLBase.getProperty; EventAware.removeListener; DLBase.setProperties; DLBase.setProperty; DLBase.toggle

Code -1

    var columns = [{
            name: "Quantity",
            fieldName: "quantity",
            width: 60,
            header: {
                "text": "Quantity"
            },
            renderer: {
                type: "bar",
                minimum: 0,
                maximum: 1000,
                origin: "right"
            }
        },
        ...
    ];
    grid.setColumns(columns);
}

See Also: GridStyles; IconCellRenderer; ImageCellRenderer; ShapeCellRenderer

Examples: 竖条单元格渲染器