datagrid - コンテンツに基づいて Dojo DataGrid の高さを変更するにはどうすればよいですか?

Question

グリッドに親 div を表示するには、特定の高さが必要であることを理解しています。ここで、行数に応じてグリッドの高さを縮小または拡大したいと考えています。

Answer 1

以下は、グリッドの最大高さを 300px にしますが、表示される行が数行しかない場合は縮小します。

親部門

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();
   }
});