從DHTMLX格中缺少行

Question

使用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 
}, 

不知道爲什麼表中的行不使用addRow或mygrid.parse添加。

Answer 1

代碼看起來正確。檢查'網格佈局'容器的大小。它必須有一些非零高度，否則網格的數據部分將不會顯示。