Kendo TabStrip中的Kendo Grid高度不受限制

这个问题很难发现。这是TabStrip的问题，或者是TabStrip与Grid的问题。

网格始终将其大小调整为容器的大小。TabStrip的选项卡始终调整为内容。

有3个步骤可解决此问题：

• TabStrip的标签页的高度必须设置为100％；
• 设置TabStrip的固定高度，以便网格知道如何计算其高度。就我而言，它必须在DOMContentLoaded事件中完成，在生成整个HTML之后但在加载网格之前；否则，必须在DOMContentLoaded事件中完成。
• 设置或更改父级的大小时，请求网格调整大小；

样例页面代码：

<div id="header">
    Sample page header to show how to compute content's height
</div>
<div id="content">
   <div id="myTabStrip" data-role="tabstrip">
        <ul>
            <li id="Tab1" class="k-state-active">aaaa</li>
            <li id="Tab2">bbbbb</li>
        </ul>
        <div style="height: 100%">
            ...grid1 definition...
        </div>
        <div style="height: 100%">
            ...other stuff...
        </div>
    </div>
</div>

JavaScript代码：

 (function () {
    function resize() {
        var h = $("#content").height() - $("#header").height();
        $("#myTabStrip").height(h);
        $("#grid1").data('kendoGrid').resize();
    }

    $(document).one("DOMContentLoaded", resize);
    $(window).on("resize", resize);
})();

（上面的代码尚未投入生产）。