Implement a Lazy-Loading Table in a Report (on IBM BPM v7.5)

05

function createLazyGrid(containerId, tableStructure, dojoDataStore, queryFilter) {

    var gridParameters = {
        structure: tableStructure,
        selectable: true,        
        store: dojoDataStore,
        escapeHTMLInData: false,
        autoRender: true,
        autoWidth: true,
        autoHeight: true,
        rowsPerPage: 20,
        query: queryFilter,
        plugins:{
            indirectSelection: true,
            pagination:{pageSizes:false, description:true, pageStepper:true, gotoButton:true, maxPageStep:4, position:"bottom", defaultPage:20}
        }
    };

    var lazyGrid = new dojox.grid.EnhancedGrid(gridParameters);
    lazyGrid.placeAt(containerId);
    lazyGrid.startup();
    return lazyGrid;
}

function drawMyTable() {

    dojo.empty("myTableDiv");
    
    var tableStructure = [[
            {field: "column1", name: "Column 1",width:"100px"},
            {field: "column2" , name: "Column 2",width:"100px"},
            {field: "column3", name: "Column 3",width:"100px"}
        ]];        

    var dojoDataStore = new bt.LazyLoadStore({lazyLoadFunction: lazyLoadMyData});

    paUnAllocatedGrid = createLazyGrid('myTableDiv', tableStructure, dojoDataStore, {column1:'*'});
}