初始加载期间无法设置表格高度答案

【问题标题】：Unable to set Table height during initial load初始加载期间无法设置表格高度
【发布时间】：2013-01-09 20:41:43
【问题描述】：

我正在使用 Kendo 选项卡并加载树视图（在表格内）。

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

 $(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);
    });

【问题讨论】：

$(window).load(function() { update_size(); });

标签： javascript jquery kendo-ui kendo-treeview

【解决方案1】：

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

当你调整窗口大小时，元素已经被渲染，然后就没有问题了。

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

【讨论】：

【解决方案2】：

使用剑道树的数据绑定事件。

如果你只依赖一个神奇的设置超时函数，你永远无法 100% 确定页面中存在树视图。

【讨论】：