Как установить горизонтальную высоту дочерней панели в вертикальной панели с помощью jQuery Enhsplitter? - PullRequest
Новая
       27

Как установить горизонтальную высоту дочерней панели в вертикальной панели с помощью jQuery Enhsplitter?

0 голосов
/ 27 апреля 2018

Я использую расширенный сплиттер jQuery, https://github.com/hiltonjanfield/jquery.enhsplitter,, чтобы создать div с двумя двумя основными панелями, разделенными вертикально. Левая панель имеет две дочерние панели, разделенные горизонтально. 2 основные панели разделены на 30% / 70%, слева / справа. У меня проблемы с настройкой 2 дочерних панелей 30% / 70% сверху / снизу. Вот соответствующая разметка и javascript. 

<div id="mtvPanels">
    <div id="rfqinfoPanels">
        <div id="commentsPanel">
            [...]
        </div>
        <div id="rfqPanel">
            [...]
        </div>
    </div>
    <div id="attachmentsPanel">
        [...]
    </div>
</div>

$('#mtvPanels').enhsplitter({ minSize: 0, vertical: true, position: '30%' });
$('#rfqinfoPanels').enhsplitter({ vertical: false });

Это дает мне 2 вертикальные панели с левой панелью, имеющей горизонтальный разделитель и 2 панели.

Мои 2 вертикальные панели отображаются так, как они должны быть с левой панелью шириной 30% и правой панелью шириной 70%.

Как установить для дочерних панелей левого столбца высоту 30% для верхней панели (commentsPanel) и высоту 70% для нижней (rfqPanel)?

...