如果调整底部 Pane 的大小, View 将缩小,并且无法恢复到原始大小。另外,即使我将尺寸设置为 100%, View 也不会占据整个屏幕。我尝试在中间和底部 Pane 的垂直部分设置静态尺寸,如下所示:
$("#vertical").kendoSplitter({
orientation: "vertical",
panes : [
{
collapsible: false,//toolbar should be a set height and unable to be collapsed
resizable : false,
size : "50px"
},
{
collapsible: false //main section, not collapsible, but resizable
},
{
collapsible: true, size: "200px"
}
]
});
但无论何时完成, Pane 上都会出现一个滚动条,其余部分隐藏在空白下。
jsFiddle:here
jQuery Splitter/kendoSplitter 示例:here
最佳答案
尝试对 mainView
使用以下 css 定义:
#mainView {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
这使得主容器占据 100% 的屏幕,并在窗口调整大小时调整大小。
参见 this修改了 JSFiddle。
关于javascript - jQuerySplitter 控件/kendoSplitter 不调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14242041/