Как: UiBinder + GWT MVP + несколько независимых областей отображения - PullRequest
Новая
       7

Как: UiBinder + GWT MVP + несколько независимых областей отображения

8 голосов
/ 23 ноября 2011

Я использую GWT MVP и UiBinder для создания приложения с DockLayoutPanel.Я хочу, чтобы северные и южные доки были статичными, содержали кнопки и ссылки.Я хочу иметь динамические виды в центре и двух разных районах восточной пристани.Поскольку эти динамические области должны быть независимы друг от друга, я настраиваю разные ActivityMapper и ActivityManager для каждой динамической области отображения;центр, восток сверху и восток снизу.

Как я могу независимо инициализировать эти 3 различные области отображения при загрузке приложения?Как я могу переключаться с одного действия на другое в одной области отображения, не затрагивая другие области?

Когда я использую goTo PlaceController для переключения с одного места на другое в одной области, действие другой области останавливается.

Mayday, пожалуйста, помогите, mayday!

Вот мой код:

AppViewImpl.ui.xml 

<g:DockLayoutPanel styleName="{style.dockPanel}" unit="PX" width="975px" height="100%">

    <!-- DOCK PANEL EAST -->
    <g:east size="220">
        <g:LayoutPanel styleName="{style.eastPanel}">
            <g:layer left="0px" width="220px" top="0px" height="105px">
                <g:SimpleLayoutPanel ui:field="topRightPanel"/>
            </g:layer>

            <g:layer left="0px" width="220px" top="110px" height="340px">
                    <g:InlineLabel styleName="{style.label}" text="ANOTHER DISPLAY AREA"/>
            </g:layer>
        </g:LayoutPanel>
    </g:east>

    <!-- DOCK PANEL NORTH -->
    <g:north size="110">
        <g:LayoutPanel styleName="{style.northPanel}">
            <g:layer left="0px" width="755px" top="0px" height="105px">
                    <g:InlineLabel styleName="{style.label}" text="NORTH PANEL"/>
            </g:layer>
        </g:LayoutPanel>
    </g:north>

    <!-- DOCK PANEL SOUTH -->
    <g:south size="20">
        <g:LayoutPanel styleName="{style.southPanel}">
            <g:layer left="0px" width="755px" top="0px" height="20px">
                    <g:InlineLabel styleName="{style.label}" text="SOUTH PANEL"/>
            </g:layer>
        </g:LayoutPanel>
    </g:south>

    <!-- DOCK PANEL CENTER -->
    <g:center>
        <g:SimpleLayoutPanel ui:field="mainPanel" />
    </g:center>
</g:DockLayoutPanel>

MyModule.java

открытый класс MyModule реализует EntryPoint {

private Place defaultPlace = new DefaultPlace("");

public void onModuleLoad() {
    // Create ClientFactory using deferred binding so we can replace with 
    // different impls in gwt.xml
    ClientFactory clientFactory = GWT.create(ClientFactory.class);
    EventBus eventBus = clientFactory.getEventBus();
    PlaceController placeController = clientFactory.getPlaceController();

    // Start ActivityManager for the main widget with our ActivityMapper
    ActivityMapper topRightActivityMapper = new TopRightActivityMapper(clientFactory);
    ActivityManager topRightActivityManager = new ActivityManager(topRightActivityMapper, eventBus);
    topRightActivityManager.setDisplay(clientFactory.getAppView().getTopRightPanel());

    // Start ActivityManager for the main widget with our ActivityMapper
    ActivityMapper mainActivityMapper = new AppActivityMapper(clientFactory);
    ActivityManager mainActivityManager = new ActivityManager(mainActivityMapper, eventBus);
    mainActivityManager.setDisplay(clientFactory.getAppView().getMainPanel());

    // Start PlaceHistoryHandler with our PlaceHistoryMapper
    AppPlaceHistoryMapper historyMapper = GWT .create(AppPlaceHistoryMapper.class);
    PlaceHistoryHandler historyHandler = new PlaceHistoryHandler(historyMapper);
    historyHandler.register(placeController, eventBus, defaultPlace);
    RootLayoutPanel.get().add(clientFactory.getAppView());

    // Goes to place represented on URL or default place
    historyHandler.handleCurrentHistory();

    new AppController(clientFactory);
}

}

AppController.java 

public class AppController implements AppView.Presenter {

    private ClientFactory clientFactory;

    AppController(ClientFactory clientFactory){
        this.clientFactory = clientFactory;
        goTo(new TopRightAPlace(""));
    }

    @Override
    public void goTo(Place place) {
        clientFactory.getPlaceController().goTo(place);
    }

}

TopRightAViewImpl.java 

public class TopRightAViewImpl extends Composite implements TopRightAView {

    interface Binder extends UiBinder<Widget, TopRightAViewImpl> {
    }

    private static final Binder binder = GWT.create(Binder.class);

    private Presenter listener;
    @UiField
    Button button;

    public TopRightAViewImpl() {
        initWidget(binder.createAndBindUi(this));
    }

    @Override
    public void setName(String name) {
        button.setHTML(name);
    }

    @Override
    public void setPresenter(Presenter listener) {
        this.listener = listener;
    }

    @UiHandler("button")
    void onButtonClick(ClickEvent event) {
        listener.goTo(some other place);
    }
}

Ответы [ 2 ]

7 голосов
/ 26 ноября 2011

GWT Place s, PlaceController и PlaceHistoryMapper позволяют создавать в приложении приложения с возможностью создания закладок, которые позволяют кнопке «Назад» и закладкам браузера работать так, как ожидалось. Это то, для чего был разработан GWT Place s. Поэтому не имеет смысла активировать более одного Place в приложении в любой момент времени, поскольку у вас есть один URL для всего приложения.

Метод

PlaceController goTo() уведомляет зарегистрированного ActivityManager, что останавливает текущую активность при получении PlaceChangeEvent.

Я предлагаю вам не использовать Place s и PlaceChangeEvent s для двух областей на восточной стороне вашего DockLayoutPanel. Используйте Place s для основного экрана вашего приложения, который, вероятно, является центром вашего DockLayoutPanel. Запустите различные типы GwtEvent, либо один из общих типов событий (например, ValueChangeEvent), либо пользовательский тип событий, для областей на восточной стороне, когда вам нужно обновить их. Вы все еще можете использовать Activitie s для восточной стороны, но вам нужно будет создать свой собственный ActivityManager, что на самом деле не так сложно. Все, что вам нужно сделать, это скопировать ActivityManager GWT, переименовать его и заменить имена методов, которые обрабатывают PlaceChangeEvent s и PlaceChangeRequestEvent s, теми, которые обрабатывают ваши собственные события.

1 голос
/ 24 ноября 2011

Вы действительно хотите использовать реализацию mvp от Google? Этот механизм легко реализовать с помощью mvp4g . Основной модуль будет отвечать за инициализацию основного представления и предоставление логики для перезагрузки динамических областей. Я использовал этот фреймворк в двух крупных проектах и ​​работает как шарм.

...