dojo - 如何在网格启动后启动 GridX 列宽重新计算？

Question

根据文档:

https://github.com/oria/gridx/wiki/Create-the-Simplest-Gridx

Never forget to call grid.startup(), since the column width calculation and layout rendering need to access the geometry information of grid DOM nodes.

如果我有带列的网格，没有指定宽度，并且 autoWidth 设置为 false，startup() 计算列的大小，以便它们水平填充整个视口(viewport)。但是，如果视口(viewport)被扩展，并且在最后一列之后插入了额外的空白空间。如果视口(viewport)变窄，则最后一列不会更明显(并且不会呈现滚动)。

所以我认为最好的解决方法是在调整视口(viewport)大小后手动启动列大小的重新计算。但我找不到执行此操作的 API 方法。

如何在现有网格上调用列宽重新计算和布局渲染？

Answer 1

我为这种情况所做的是设置一个事件处理程序来监 window 口调整大小事件，然后将宽度设置为当前网格宽度。创建网格时:

function _resizeToWindow(grid, gridId) {
  grid.resize({w: dom.byId(gridId).offsetWidth, h: undefined});
}

on(window, "resize", function() {
  _resizeToWindow(grid, gridId);
});

将网格调整为网格的当前宽度看起来有点奇怪，但调用该函数将导致网格以适合新网格宽度的适当列宽再次呈现。