时间戳

首页 > 解决方案 > 剑道网格自动调整大小问题

kendo-ui - 剑道网格自动调整大小问题

问题描述

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

注意：剑道网格显示在剑道标签条内，标签条出现在剑道拆分器窗格中。

标签： kendo-uikendo-gridkendo-tabstrip

解决方案

那么您是否将网格和 Kendo Tab Strip 包装在一个 div 中？我还需要查看代码。我在网页上半部分使用了剑道网格，中间有一个分隔器，底部窗格中有一个剑道标签条。所以整个页面被包装在一个包装器 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);
    }

不确定这是否是您想要的，但希望它能给您一些见解。

推荐阅读