Jsgrid Javascript Grid Framework

addEvent method

The method addEvent adds events to all grid cells.

Syntax

objgrid.addEvent(object event)

Parameters

event (optional) - An object represents event types and corresponding handlers.

var pggrid = new jsgrid(); 
        pggrid.init({ 
        id: "wrp", 
        rows: 5, 
        columns: 12, 
        width: 25, 
        height: 20, 
        gutter: 1,
        backgroundColor: "#d00000"
        }); 
     
    pggrid.addEvent({"click": foo, "mouseover": foo, "mouseout": foo});
         
    function foo(e){
    e = (e) ? e : ((window.event) ? window.event : "");
    var o = getTargetElement(e);
    if (e.type == "click"){
        alert("OK");
    }
    else if (e.type == "mouseover"){
        o.style.backgroundColor = "#eee";
    }
    else 
        o.style.backgroundColor = "#d00000";
    }

Grid View