ebs.generateInteractiveGrid

$('#viewCustomers').on('click', function (event) {
    ebs.generateInteractiveGrid('gridContainer', {fetch: {
        entity: {
            name: "customers",
            alias: "a",
            attributelist: [{
                    name: "customersid",
                    alias: "aPK"
                },{
                    name: "firstName",
                    alias: "aFirstName",
                },{
                    name: "lastName",
                    alias: "aLastName"$('#viewCustomers').on('click', function (event) {
    ebs.generateInteractiveGrid('gridContainer', {
        fetch: {
            entity: {
                name: "customers",
                alias: "a",
                attributelist: [
                    {
                        name: "customersid",
                        alias: "aPK"
                    },
                    {
                        name: "firstName",
                        alias: "aFirstName"
                    },
                    {
                        name: "lastName",
                        alias: "aLastName"
                    }
                ]
            }
        }
    }, '400px', null, function () {
        console.log("Grid generated successfully.");
    });
});

                }
            ]
        }
    }},'400px',null,function(){console.log("Grid generated successfully.");});
});

// Create a backup fetch in case the desired entity view is missing.
var backupFetch = {};
backupFetch.entity = {};
backupFetch.entity.name = entityName;
backupFetch.entity.alias = 'a';
backupFetch.entity.join = [{
    "type": "left",
    "entity": {
        "alias": "i",
        "name": "BWStatus",
        "attributelist": [{
            "name": "label",
            "alias": "StatusName"
        }]
    },
    "fromto": [{
        "from": "businessStatusId",
        "to": "BWstatusid"
    }]
}];
backupFetch.where = {
    type: "and",
    expressionlist: [{
        type: "and",
        conditionlist: [{
            type: "equals",
            first: "a.masterAttributeId",
            second: "val(" + masterId + ")"
        }]
    }]
};

// Define the fetch object based on the Supergrid view.
// If the Supergrid view is missing, it will fall back to the backupFetch.
var myCustomView = {};
myCustomView.viewName = 'Supergrid';
myCustomView.fetch = backupFetch;

// Define the action handlers.
var actionHandlers = [];
// Define the refresh action handler.
var refreshBtn = new EbsActionHandler({
    iconClass: 'dx-icon-refresh',
    text: 'Refresh',
    handler: function() {
        return ebs.reload()
    }});
actionHandlers.push(refreshBtn);

// Define the delete selection action handler.
var deleteBtn = new EbsActionHandler({
    iconClass: 'dx-icon-close',
    text: 'Delete Selection',
    handler: function() {
        var grid = getJQbyId(gridHtmlId).dxDataGrid('instance');
        var selectedIds = grid.getSelectedRowKeys();
        var noOfSelectedRows = selectedIds.length;
        if (noOfSelectedRows == 0){
            ebs.showMessage('No row selected.')
        } else {
            ebs.callActionByNameAsync('deleteSelectedRows', {rowsToBeDeleted:selectedIds})
                .then(function(e){
                    ebs.showMessage('Records deleted.', {type:'success'})
                })
                .catch(function(e){
                    ebs.showMessage('Error!', {type:'error'})
                });
        }
    }});
actionHandlers.push(deleteBtn);


// Generate the grid
ebs.generateInteractiveGrid(divHtmlId, myCustomView, 'auto', actionHandlers, afterGenerateCallback, {
    selectionMode: 'single'
});