Question

我在带有两个标签的标签条中有一个剑道网格。在选项卡之间导航并执行任何事件时，网格的宽度会缩小。例如：当用户单击选项卡2中的网格上的“更新”按钮，并导航回到选项卡1时，第一个选项卡中的网格将缩小，宽度将调整为原始大小的10％。我不确定为什么会发生这种情况，我尝试将CSS设置为固定宽度，但是它不起作用，有什么方法可以确保它不调整大小

注意：剑道网格显示在剑道选项卡条中，而该选项卡条出现在剑道拆分器窗格中。

Answer 1

那么您是否将div和Kendo Tab Strip包裹在div中？我还需要查看代码。我在网页的上半部分使用了Kendo网格，中间使用了分割器，底部窗格中使用了Kendo Tab条。因此，整个页面都包装在一个包装div中，我编写了一个网格调整大小函数来调整网格大小。

 var resizeGrid = function () {
        var gridElement = $("#grid"),
            dataArea = gridElement.find(".k-grid-content"),
            gridHeight = gridElement.innerHeight(),
            otherElements = gridElement.children().not(".k-grid-content"),
            otherElementsHeight = 0;
        otherElements.each(function () {
            otherElementsHeight += $(this).outerHeight();
        });
        dataArea.height(gridHeight - otherElementsHeight);
    }

不确定这是否是您想要的，但希望它能为您提供一些见识。

Kendo网格自动调整大小问题

1 个答案: