extjs - 有 kendo-ui web 像 sencha ext js 这样的视口控件有它

Question

使用 sencha ext js，我可以将我的数据网格包装在设置为 layout: fit 的视口小部件中，这意味着网格的高度为 100%，并且垂直滚动条在网格上可见，因此列标题在垂直滚动时保持固定。

Ext.widget('viewport', {
    layout: 'fit'
    ,items: [{
        xtype: 'grid'
        // ... your grid config
    }]
});

我用谷歌搜索了 kendo-ui 网格，还做了一个示例项目，我无法实现网格的高度为 100% 并同时显示垂直滚动条。剑道 ui 网格的高度必须以像素为单位。但是 sencha ext js 允许通过使用这样的视口小部件为网格设置 100% 的高度。

kendo ui也存在这样的小部件吗？

Answer 1

使用 kendo ui 文档中的此代码：

http://docs.kendoui.c​​om/getting-started/web/grid/walkthrough

$(window).resize(function () {

            var gridElement = $("#grid"),
                newHeight = gridElement.innerHeight(),
                otherElements = gridElement.children().not(".k-grid-content"),
                otherElementsHeight = 0;

            otherElements.each(function () {
                otherElementsHeight += $(this).outerHeight();
            });

            gridElement.children(".k-grid-content").height(newHeight - otherElementsHeight);
        });

使用起来不如 ext js 的视口灵活，但我很高兴他们提供了一种解决方法:)