JQuery EasyUI макет - создать границу для разметки страницы
Макет Пограничный (граница макета) предлагает пять областей: восток, запад, север, юг, центр. Вот некоторые общие обычаи:
- Северная область может быть использована для отображения баннеров сайта.
- область к югу может быть использован для отображения авторского права и некоторые инструкции.
- запад область может быть использована для отображения меню навигации.
- восток область может быть использована для отображения некоторых рекламных элементов.
- центральная зона может быть использован для отображения основного контента.
Чтобы применить макет (макет), вы должны определить (макет) контейнер макета, а затем определить некоторые области. Layout (размещение) должны требовать, по меньшей мере центральную область, следующий макет (размещение) Пример:
<Div класс = "easyui-макет" стиль = "ширина: 400px; высота: 200px;"> <Div область = "запад" раскол = "истина" название = стиль "Навигатор" = "ширина: 150px;"> <P стиль = "обивка: 5px; маржа: 0;"> Выбор языка: </ p> <Ul> <Li> <a href="javascript:void(0)" onclick="showcontent('java')"> Java </a> </ li> <Li> <a href="javascript:void(0)" onclick="showcontent('cshape')"> C # </a> </ li> <Li> <a href="javascript:void(0)" onclick="showcontent('vb')"> VB </a> </ li> <Li> <a href="javascript:void(0)" onclick="showcontent('erlang')"> Erlang </a> </ li> </ UL> </ Div> <Div ID = "содержание" область = "Центр" название = "Язык" стиль = "обивка: 5px;"> </ Div> </ Div>
Мы создаем <div> контейнер с макетом границы (граница макета), макет (макет) контейнера разрезают на две части, слева навигационное меню справа на основное содержание.
И, наконец, мы пишем обработчик события OnClick для извлечения данных, функция 'showcontent' очень просто:
Функция showcontent (язык) { . $ ( '# Content') HTML ( 'Введение' + язык + 'язык'); }