jQuerySplitter控件/ kendoSplitter未调整大小

如果调整底部窗格的大小，视图将缩小，并且无法恢复到原始大小。另外，即使我将尺寸设置为100％，视图也不会占用整个屏幕。我试过在中间和底部的窗格这样的垂直段设置静态尺寸：jQuerySplitter控件/ kendoSplitter未调整大小

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

但每当做到这一点，一个滚动条出现在窗格中，其余正在根据空白隐藏。

的jsfiddle：here

jQuery的分离器/ kendoSplitter的实施例：here

来源

2013-01-09 CBredlow

尝试使用以下CSS定义为mainView：

#mainView { 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
}

这使得所述主容器占据屏幕的100％ Windows调整大小时调整大小。

请参阅this修改的JSFiddle。

来源

2013-01-09 17:30:35 OnaBai

这样做，谢谢，介意如果我问为什么它的工作？位置之后的字段是否强制它没有填充这些边缘？ – CBredlow

当然我不介意......事实上，在我的浏览器（Chrome）中，中央区域（'main_pane'）渲染的高度为0px，并且已经开始_removing_部分样式。然后我意识到你并没有使用什么来使页面变长和缩小（我在'mainView'中定义的样式）。解决这个问题，解决了'main_pane'和我把其他改变的样式返回到以前的状态。结论：建议定义'position：absolute'，并将'top'，'bottom'，'left'和'right'设置为0，以便调整div的容器大小。 – OnaBai

jQuerySplitter控件/ kendoSplitter未调整大小

回答

相关问题