javascript - 初始加载期间无法设置 table 高度

Question

我正在使用 Kendo tabstrip 和加载 Treeview (在表格内)。

我根据窗口大小设置容纳树的 table 的高度，当窗口调整大小时一切正常，但由于某种原因我无法设置 table 的高度在我的应用程序的初始加载期间。我正在调用与准备好调整窗口大小时调用的函数相同的函数，

 $(document).ready(function()

setTimeout(function() { update_size(); }, 250);
.....

但即使这样，在初始加载期间，表格的大小也没有正确调整(特别是在某些屏幕分辨率下 - 例如:1280*1024)，但是当我调整屏幕大小时，表格的大小也正确调整...

    var update_size = function() {
        var height = $(this).height() - ($("#vertical").height()+30);
        $('#dictionaryTree').height(height-120);
        $('#groupTree').height(height-120);

    }
    $(window).resize(function() {
        clearTimeout(window.refresh_size);
        window.refresh_size = setTimeout(function() { update_size(); }, 250);
    });

Answer 1

这种情况经常发生，因为当您尝试设置大小时，元素仍未渲染，然后 KendoUI 进入显示元素并重新计算大小。

当您调整窗口大小时，元素已经呈现，因此没有问题。

尝试在加载页面内容和调用 KendoUI 小部件初始化后(例如，在 dataBound 事件中)调整大小。