- 我在 slickgrid 周围添加了一个容器 div(容器有一个标题等,只是为了让它看起来整洁)。
- 我已经使用 jquery 调整了 div 的大小,并指示它同时调整网格和视口(viewport)的大小。
它的效果非常好(一切都在一致地调整大小)但是在我滚动之前可见行的数量不会更新。
有没有办法强制刷新视口(viewport)?? grid.render 不起作用。
$(".container").resizable({
alsoResize: ".grid, .slick-viewport",
resize: function (event, ui) { }
});
$(".container").on("resize", function (event, ui) {
dataView.refresh();
grid.render();
});
最佳答案
如果有人遇到同样的问题,答案是 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()
});
}
关于javascript - slickgrid 可调整大小不刷新行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17591595/