2

下部ペインのサイズを変更すると、ビューが縮小し、元のサイズに戻ることができなくなります。また、サイズを 100% に設定しても、ビューが画面全体に表示されません。次のように、中央と下部のペインの垂直セクションに静的サイズを設定しようとしました:

$("#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 :こちら

jQuery Splitter/kendoSplitterの例：こちら

4

1 に答える 1

3

次のcss定義を使用してみてくださいmainView。

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

これにより、ウィンドウのサイズが変更されたときに、メインコンテナが画面の100％を占めるようになります。

この変更されたJSFiddleでそれを参照してください。

于 2013-01-09T17:30:35.437 に答える