Wijmo Grids

by ecropolis

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.20/require.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20151.69.min.css">
<input class="form-control" name="wijcombotest" id="wijcombotest">
    <br>
    <table id="demo"></table>

JavaScript

options = [{label:'this_is_a_somewhat_long_label',value:'0'}];
requirejs.config({
        baseUrl: "http://cdn.wijmo.com/amd-js/3.20151.69",
            paths: {
                "jquery": "jquery-1.11.1.min",
                "jquery-ui": "jquery-ui-1.11.0.custom.min",
                "jquery.ui": "jquery-ui",
                "jquery.mousewheel": "jquery.mousewheel.min",
                "globalize": "globalize.min"
                //"bootstrap": "bootstrap.min", //Needed if you use Bootstrap.
                //"knockout": "knockout-3.1.0" //Needed if you use Knockout.
            }
});

require(["wijmo.wijgrid","wijmo.wijcombobox"], function () { 
    $(document).ready(function () { 
        $('#wijcombotest').wijcombobox({
            select: function(e,selectdata) {
                 console.log('===== Selected an Macro Assumption: value--> ['+selectdata.value+'] -|- Label--> ['+selectdata.label+'] =====');
                console.log( $('#wijcombotest').wijcombobox("getSelectedItems").value );
                setTimeout(function(){$('#demo').wijgrid('ensureControl',true)},100);
            },
            data: [{label:'Multiplicative',value:'Multiply'},{label:'Additive',value:'Add',selected:true}]
        });
    

        $("#demo").wijgrid({ 
                    showFooter: true, 
                   // allowSorting: true, 
                    data: getData(12), 
                    //columnsAutogenerationMode: "none", 
            loaded: function(){
                doMath($(this),'Quantity',$('#wijcombotest').wijcombobox('getSelectedItems').value);
            },
                    columns: [ 
                        { dataKey: "Country", headerText: "Country", dataType: "string", aggregate: "count", footerText: "Count: <b>{0}</b>" }, 
                        { dataKey: "ProductName", headerText: "Product Name", dataType: "string" }, 
                        { dataKey: "UnitPrice", headerText: "Unit Price", dataType: "currency", aggregate: "average",...