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未調整大小

回答

相關問題