JQuery EasyUI Tabs Layout

Question

Я разрабатываю веб-приложение, используя вкладки jQuery EasyUI.

У меня мало вертикальных ссылок в левой части приложения, по щелчку которых новые вкладки будут добавлены на горизонтальной вкладке jQuery EasyUI на верхней панели.

Я реализовал это с помощью функции addTab() по щелчку вертикальных ссылок. Это добавляет вкладку с iFrame в качестве ее содержимого и загружает дочернюю страницу в этом iframe. Все работает нормально, но я не хочу «содержать» страницу вертикально или горизонтально.

Использование вкладок jQuery EasyUI заставляет меня сделать это, потому что он поставляется с jQuery easyUI - tabs - container css, он создает поле, в которое загружаются фреймы.

Вот что я прямо сейчас:

Я планирую сделать это так ..

Может кто-то мне помочь с разработкой макета, как css, который имеет мой заголовок в северном регионе, бертичные ссылки в западном регионе и панель вкладок jQuery EasyUI в центральной области.

Прокрутка страницы должна быть только для центральной области.

Answer 1

Я реализовал то же самое, с помощью layout в easyui ... вот docs ...

Обратите внимание на расположение самой документации .... :) .. это то же самое с чем, (я думаю), вы просите .. просмотр источника может помочь вам .. потому что я сделал то же самое ... просто убедитесь, что .. вы покидаете свой центр widht и высоту авто (100%) .., который доставит вас необходимая полоса прокрутки ..

обновленного

использования easyui-макет класса

<div class="easyui-layout" style="width: auto; height: 950px;"> 
    <div region="west" split="true" title="yourTitle" style="width: 225px;"> //width of left container 
     //content of left container 
    </div> 
    <div id="content" region="center" style="padding: 5px;"> //this is the center part 
     <div id="tt" class="easyui-tabs" style="width: auto; height: 900px;"> 
      //this is center tab part 
     </div> 
    </div> 
</div>