javascript - 平滑网格折叠时 resizeCanvas 不起作用

Question

我有一个折叠光滑网格的 Accordion 。当我缩小页面时，我正在尝试调整光滑网格的大小。打开网格时一切正常，但如果网格折叠并且当我更改页面大小时单击 Accordion ，则数据无法在光滑的网格中正确显示。

$(window).resize(function () {
            grid.resizeCanvas();               
        });

Answer 1

我终于找到了解决方案。

<div id="accordion">
        <h3>Credits</h3>
        <div id="griddiv">
            <div id="grid" data-bind="slickGrid: { data: items, columns: columns }"></div>
        </div>
</div>

$(window).resize(function () {
        grid.resizeCanvas();

});

$('#griddiv').on('shown', grid.resizeCanvas)

$("#accordion").click(function () {
        grid.resizeCanvas();
});