Как разбить панель в EXT-GWT? - PullRequest
Новая
       14

Как разбить панель в EXT-GWT?

4 голосов
/ 06 октября 2010

Я использую ext-gwt и не могу понять, как разделить панель, чтобы у меня было 2 виджета, по одному на каждой стороне разделителя с изменяемым размером, причем высота обоих виджетов равна 100% и их ширина является переменной.

По сути, я хочу что-то вроде: 

-----------------------------------------
|  Widget1         |  Widget2           |
|                  |                    |
|                  |                    |
|                  |                    |
|                  |                    |
|                <-|->                  |
|                  |                    |
|                  |                    |
|                  |                    |
|                  |                    |
-----------------------------------------

Я пробовал это с BorderLayout, но, думаю, я делал это неправильно, и это не сработало (вертикальная высота виджетов не занимала бы весь экран). Кто-нибудь может помочь? Вот последняя форма того, что я пробовал: 

 public void onModuleLoad() {  
   Viewport v = new Viewport();  
   v.setLayout(new RowLayout(Orientation.HORIZONTAL));  

   ContentPanel panel1 = new ContentPanel();  
   panel1.setHeading("Panel 1");  

   ContentPanel panel2 = new ContentPanel();  
   panel2.setHeading("Panel 2");  

   v.add(panel1, new RowData(.3, 1));  
   v.add(new SplitBar(LayoutRegion.EAST, panel1));
   v.add(panel2, new RowData(.7, 50));  

   RootPanel.get().add(v);  
 }

Спасибо!

1 Ответ

4 голосов
/ 06 октября 2010

Довольно просто на самом деле.Сначала убедитесь, что ваш Viewport имеет подходящий макет.Затем вы можете использовать макет границы следующим образом для вашего разделения.Добавьте эту панель в окно просмотра в вашем примере.(Предпочитаю, чтобы макеты границ разбивались на тот случай, если позже понадобится больше областей). Затем просто добавьте данные / виджеты / панели на две панели содержимого.

...