Grid.customDrawCell Event

Raised when a cell's contents are about to be rendered, to allow custom drawing.

Namespace: MindFusion.DataViews
File: Grid.js

 Syntax

JavaScript

EventDispatcher customDrawCell

 Event Data

The event handler method receives the following arguments:
sender
A Grid instance, which is the source of the event. This object will be passed to the handler function as the first argument.
args
A CellCustomDrawEventArgs instance, which contains event data. This object will be passed to the handler function as the second argument.

 Example

The following code handles the customDrawCell event of a Grid:

JavaScript

grid.customDrawCell.addEventListener(function (sender, args)
{
    if (args.row === grid.model.rowCount) return;    if (args.column === 1)
    {
        var div = document.createElement("div");
        div.style.backgroundColor = args.row % 2 === 0 ? "#fcf3c1" : "#f2fafe";
        div.style.textAlign = "center";
        div.style.fontSize = "larger";
        div.style.borderRadius = "5px";
        div.appendChild(args.defaultContent);
        args.content = div;
    }
    else if (args.column === 2)
    {
       //drawing code here
    }
  
})