slickgrid 可调整大小不刷新行答案

【问题标题】：slickgrid resizable not refreshing rowsslickgrid 可调整大小不刷新行
【发布时间】：2013-07-11 10:58:53
【问题描述】：

我在 slickgrid 周围添加了一个容器 div（容器有一个标题等，只是为了让它看起来整洁）。
我已经使用 jquery 调整了 div 的大小，并指示它同时调整网格和视口的大小。

它工作得非常好（所有东西都统一调整大小），但可见行数在我滚动之前不会更新。

有没有办法强制视口刷新？ grid.render 不起作用。

$(".container").resizable({
    alsoResize: ".grid, .slick-viewport",
    resize: function (event, ui) { }
});

$(".container").on("resize", function (event, ui) {
    dataView.refresh();
    grid.render();
});

【问题讨论】：

标签： javascript jquery slickgrid

【解决方案1】：

如果有人遇到同样的问题，答案是 grid.resizeCanvas();

现在的代码如下所示：

    $('.container').each(function () { // I have several grids + containers
       var gridID = $(this).attr('id'); // get the container ID
       $(this).resizable({
       // for some reason, there was a problem with $(this) - I had to use
       // an explicit reference by passing the container ID
           alsoResize: '#' + gridID + ' .grid, #' + gridID + ' .slick-viewport',
           resize: function (event, ui) { }
       });

       $('.container').on('resize', function (event, ui) {
           grid.resizeCanvas()
       });
    }

【讨论】：

【解决方案2】：

您可能还想查看我给出的自动网格调整大小的答案，它会随着视口自动调整大小，因此更改浏览器的大小将反映在网格大小上...
在这里查看：Slickgrid: Final column auto size to use all remaining space

【讨论】：