slickgrid

时间:2015-06-17 10:12:23

标签: javascript html slickgrid

我在我的网页上使用slickgrid,我在使用它时遇到的问题是我无法在网格中看到数据。当我尝试通过网格对象(即grid.getData();)来获取数据时,我可以获得我之前在网格中设置的整个数据,但不知道为什么它没有出现。可能是我错过了一些东西。

以下是我绘制网格的代码。

HTML code:

<div id="myGrid" width="100%"; height="500px"></div>

JS代码:

drawBlotterForOrders : function(data){
    try{
        var columns = this.getBlotterColumns();
        var options = {
             enableCellNavigation: true,
            enableColumnReorder: false
        };

        var dataArray = [];
        dataArray = self.setDataInGrid(data);
        gridObj = new Slick.Grid("#myGrid" , dataArray , columns , options);
        console.log(gridObj.getData());//here I'm able to get the data
    }catch(exp){
    }
},

setDataInGrid : function(data){
    try{
        var dataArray = [];
        i++;
        dataArray[0] = {
            id : i,
            clOrdId : data.clOrdId,
            cumQty : data.cumQty,
            execId : data.execId,
            execType : data.execType,
            leavesQty : data.leavesQty,
            ordStatus : data.ordStatus,
            orderId : data.orderId,
            orderQty : data.orderQty,
            side : data.side,
            symbol : data.symbol
        };
        return dataArray;
    }catch(exp){
    }
},

getBlotterColumns : function(){
    var col = [
            {   id: 'id',
                name : 'id',
                field : 'id' 
            },{ 
                id: 'clOrdId',
                name : 'clOrdId',
                field : 'clOrdId' 
            },{
                id: 'cumQty',
                name : 'cumQty',
                field : 'cumQty'
            },{
                id: 'execId',
                name : 'execId',
                field : 'execId'
            },{
                id: 'execType',
                name : 'execType', 
                field : 'execType'
            },{
                id: 'leavesQty',
                name : 'leavesQty',
                field : 'leavesQty' 
            },{
                id: 'ordStatus',
                name : 'ordStatus',
                field : 'ordStatus'
            },{
                id: 'orderId',
                name : 'orderId',
                field : 'orderId'
            },{
                id: 'orderQty',
                name : 'orderQty',
                field : 'orderQty'
            },{
                id: 'side',
                name : 'side' ,
                field : 'side'
            },{
                id: 'symbol',
                name : 'symbol',
                field : 'symbol'
            }
        ];
    return col;
}

我无法发现我所犯的错误。我会非常感谢你的帮助。

1 个答案:

答案 0 :(得分:0)

你忘了渲染网格我想,你放了grid.render()吗?