JRS 104 - As developer i can show context menu on cell

by Yuriy Bablyukh

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css">
<div id="dataView"></div>

<script src="http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv/scripts/require-jquery.js"></script>
<script>
        
var __jrsConfigs__ = {
   urlContext : "http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv"
};
    
require.config({
    baseUrl: "http://build-master.jaspersoft.com:7680/jrs-pro-feature-amber-adv/scripts",
    enforceDefine:true,
    paths: {
        "lodash": "common/lib/lodash-1.1.1",
        "underscore" : "config/lodashTemplateSettings",
        "text" : "common/plugin/text",
        "common/request": "common/corsRequest",
        "easyxdm": "common/lib/xdm-1.0.1"
    },
    
    shim: {
        "jrs.configs": {
            exports: "__jrsConfigs__"
        }
    }
});    
</script>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<div>
     <div id="US104" style="width:100%;" class="MyTable"></div>
    <div id="vSlider" style="float: right"></div>
    <div id="hSlider"></div>    
</div>

<table>
    <tr>
        <th>Events</th>
    </tr>
    <tr>
        <td><div id="events"></div></td>
    </tr>
</table>

CSS

.MyTable {
	margin:0px;padding:0px;
	width:100%;
	border:10px solid #000000;
}.MyTable table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.MyTable tr:nth-child(odd){ background-color:#e5e5e5; }
.MyTable tr:nth-child(even)    { background-color:#ffffff; }
.MyTable td{
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}

JavaScript

//<%-- ****************************************************** --%>
//<%-- US 104 - As developer i can show context menu on cell  --%>
//<%-- ****************************************************** --%>
    

    require([
        "jquery",
        "components/table/BaseGrid",
        "components/table/StaticGridDataProvider",
        "components/table/DynamicGridStrategy",
        "components/table/StaticGridStrategy"
    ], function($, BaseGrid, StaticGridDataProvider, DynamicGridStrategy, StaticGridStrategy) {

        //Grid data
        var gridData = [
            [{label: "Header.", colspan: 10},null,null,null,null, null,null,null,null,null,{label: "34"},{label: "35"},{label: "21"},{label: "asdf"},{label: "23"}],
            [{label: "21", rowspan: 10},{label: "22"},{label: "23"},{label: "24"},{label: "25"},{label: "df"},{label: "22"},{label: "23"},{label: "24"},{label: "25"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "25"}],
            [null,{label: "32"},{label: "33"},{label: "34"},{label: "35"},{label: "21"},{label: "asdf"},{label: "23"},{label: "24"},{label: "25"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "25"}],
            [null,{label: "42"},{label: "43"},{label: "44"},{label: "45"},{label: "21"},{label: "22"},{label: "asdf"},{label: "24"},{label: "25"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "25"}],
            [null,{label: "52"},{label: "53"},{label: "54"},{label: "55"},{label: "21"},{label: "22"},{label: "23"},{label: "asdf"},{label: "25"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "25"}],
            [null,{label: "22"},{label: "23"},{label: "24"},{label: "25"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "asdf"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "25"}],
            [null,{label: "32"},{label: "33"},{label: "34"},{label: "35"},{label: "21"},{label: "22"},{label: "23"},{label: "24"},{label: "25"},{label:...