DHTMLX Grid缺少行

时间:2015-01-14 01:22:46

标签: javascript grid dhtmlx

使用DHTMLX Pro我正在尝试向表中添加行。标题部分正常加载,但表中未加载其他行。这是我的代码,

使用包含的Require.js

'dhtmlxcommon',
'dhtmlxgrid',
'dhtmlxgridcell'

我的渲染功能按如下方式加载网格视图:

render: function(){
    var self = this;
    this.mygrid = new dhtmlXGridObject('grid-layout');
    this.mygrid.setImagePath('../dhtmlx/imgs/');
    this.mygrid.setHeader("ID,Name,Format");
    this.mygrid.setColAlign("center","center","center");
    this.mygrid.setSkin('dhx_skyblue');
    this.mygrid.init();
    data={
        rows:[
            { id:1, data: ["Foo", "Gates", "100"]},
            { id:2, data: ["Bar", "Tom", "1000"]},
            { id:3, data: ["Rain", "Henry", "-200"]}
        ]
    };

    //var newId = (new Date()).valueOf();
    //this.mygrid.addRow(newId,"1,2,3,4,5,6,7,8"); // This does not add a row
    this.mygrid.parse(data,"json"); // This does not add a row either
},

不确定为什么不使用addRowmygrid.parse添加表格行。

1 个答案:

答案 0 :(得分:1)

代码看起来正确。检查'网格布局'的大小。容器。它必须具有一些非零高度,否则将不显示网格的数据部分。