JQuery Grid

Invoke the cellhover method of the jqxGrid. Author: http://jqwidgets.com

by txhi

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script>
<button id="addRow">
    Add row to grid
</button>
<button id="add">
    Add row to nested grid
</button>
<div id="jqxgrid" style="float: left; margin: 3px;">
</div>

JavaScript

var value = "";
var gridId = "";
var currentDivID = "";
var data = [
    {
        "ruleid": "1001",
        "size": "51",
        "ZScore": "",
        "complexity": "8",
        "constraints": {
            "constraint": [
            {
                "varName": "BirthWeight",
                "Min": "2.500000",
                "Max": "2.500000"
            },
            {
                "varName": "AgeMother",
                "Min": "39.000000",
                "Max": "39.000000"
            },
            {
                "varName": "AgeFather",
                "Min": "35.000000",
                "Max": "39.000000"
            }
            ]
        }
    },
    {
        "ruleid": "1002",
        "size": "92",
        "ZScore": "",
        "complexity": "2",
        "constraints": {
            "constraint": [
            {
                "varName": "AgeFather",
                "Min": "32.000000",
                "Max": "45.000000"
            },
            {
                "varName": "Age AD Start (weeks)",
                "Min": "14.000000",
                "Max": "30.000000"
            }
            ]
        }
    },
    {
        "ruleid": "1003",
        "size": "62",
        "ZScore": "",
        "complexity": "2",
        "constraints": {
            "constraint": [
            {
                "varName": "AgeFather",
                "Min": "32.000000",
                "Max": "45.000000"
            },
            {
                "varName": "Age AD Start (weeks)",
                "Min": "14.000000",
                "Max": "30.000000"
            }
            ]
        }
    }
];
var source1 =
{
    datafields: [
    { name: 'ruleid', type: 'string' },
    { name: 'size', type: 'string' },
    { name: 'ZScore', type: 'string' },
    { name: 'complexity', type: 'string' }
    ],
    datatype: 'json',
    /* sortcolumn: 'ruleid',
    sortdirection: 'asc', */
    localdata: data
};
var adapter = new $.jqx.dataAdapter(source1);

var...