Question

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

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

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

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

Answer 1

使用来自kendo ui文档的代码：

http://docs.kendoui.com/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的视口不是很灵活，但我很高兴他们提供了解决方法：）

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

1 个答案: