dojo gridx 动态设置高度 重新计算布局 代码示例

下面是一个示例代码，演示如何使用 Dojo Gridx 动态设置高度并重新计算布局：

require([
  'dojo/dom',
  'gridx/Grid',
  'gridx/core/model/cache/Async',
  'gridx/modules/VirtualVScroller',
  'gridx/modules/ColumnResizer',
  'gridx/modules/Pagination'
], function(dom, Grid, Cache, VirtualVScroller, ColumnResizer, Pagination){
  var grid = new Grid({
    id: 'grid',
    cacheClass: Cache,
    store: ...,
    structure: ...,
    modules: [
      VirtualVScroller,
      ColumnResizer,
      Pagination
    ]
  }, 'gridNode');

  // 初始化 Gridx
  grid.startup();

  // 动态设置高度
  var gridNode = dom.byId('gridNode');
  gridNode.style.height = '500px';

  // 重新计算布局
  grid.resize();
});

在上面的代码中，我们首先创建了一个 Gridx 实例，并将其挂载到指定的 DOM 元素上。然后，我们使用 dom.byId 方法获取到 Gridx 对应的 DOM 元素，并动态设置其高度为 500px。最后，我们调用 grid.resize() 方法重新计算 Gridx 的布局，从而使其适应新的高度。

需要注意的是，由于 Gridx 的布局计算是异步的，因此我们需要在设置高度后调用 grid.resize() 方法，而不能直接使用 gridNode.style.height 来设置高度。否则，可能会出现布局错误的问题