datagrid - 如何根据内容更改 Dojo DataGrid 的高度

Question

我知道为了让网格显示父 div 需要一个特定的高度。现在我希望网格根据行数缩小或增加高度。

Answer 1

以下将为网格提供 300 像素的最大高度，但如果仅显示几行，则会将其缩小。

父 div

var divGrid = domConstruct.toDom("<div id='divGrid' style='height:300px;'></div>");
domConstruct.place(divGrid, dojo.byId('Contents'));

创建网格

var grid = new DataGrid({
   id: 'grid',
   store: store,
   structure: layout,
   style: "height:300px",
   loadingMessage: "Loading...",
   noDataMessage: "No data...",
   selectionMode: 'single',
   rowSelector: '20px'
});
grid.placeAt(divGrid);
grid.startup();

现在加载网格后

dojo.connect(grid, '_onFetchComplete', function() {
   var list = query('#grid .dojoxGridContent');
   var height = list[0].offsetHeight + 25;  // additional 25 to account for headers
   if (height < 300) {
      dojo.byId("divGrid").style.height = height + 'px';
      dojo.byId("grid").style.height = height + 'px';
      grid.resize();
      grid.update();
   }
});