История GWT demo - не работает - PullRequest
1 голос
/ 27 июня 2011

Я некоторое время играл с History в gwt, потому что намереваюсь реализовать его в своем текущем проекте, поэтому я создал небольшой демонстрационный проект, просто чтобы посмотреть, как он работает, и попрактиковаться.Итак, по ряду причин это не работает.Вот код - очень просто назад и вперед.

здесь - iframe

<iframe id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>

, затем точка входа

public class EntryPoint implements com.google.gwt.core.client.EntryPoint {

private FirstPanel panel;

public void onModuleLoad() {

  ContentPanel panel = ContentPanel.getInstance();
  panel.setContent(FirstPanel.getInstance());
  RootPanel.get().add(panel);

}
} 

и 3 одноэлементные формы, содержание гдеформа загружается и 2 формы.

public class ContentPanel extends Composite
{
private static ContentPanel instance;
private static VerticalPanel panel = new VerticalPanel();
private ContentPanel()
{
  initWidget(panel);
}

public void setContent(Widget widget)
{
  panel.clear();
  panel.add(widget);
}
public static ContentPanel getInstance()
{
   if(instance == null)
     return instance = new ContentPanel();
   else
     return instance;
}
}

и ..

public class FirstPanel extends  Composite implements HistoryListener {

private static FirstPanel instance;
private VerticalPanel panel;

public FirstPanel() {

  History.addHistoryListener(this);

  panel = new VerticalPanel();
  panel.setStyleName("panelstyle");

  Button button2 = new Button("Next page");
  button2.addClickHandler(new ClickHandler()
  {
    public void onClick(ClickEvent event)
    {
      History.newItem("second_page");
    }
  });
  panel.add(button2);
  initWidget(panel);
}

public static FirstPanel getInstance()
{
  if(instance == null)
    return instance = new FirstPanel();
  else
    return instance;
}

public Widget getWidget() {
  return panel;
}

public void onHistoryChanged(String historyToken) {
 if(historyToken.equalsIgnoreCase("second_page"))
   ContentPanel.getInstance().setContent(SecondPanel.getInstance());
}

}

и последнее, но не менее важное:))

    public class SecondPanel extends Composite  implements HistoryListener
    {
    private static SecondPanel instance;
    public SecondPanel()
    {
      History.addHistoryListener(this);
      VerticalPanel verticalPanel = new  VerticalPanel();
      TextBox firstnameBox = new TextBox();
      TextBox lastnameBox = new TextBox();
      Button submitButton = new Button("Click");

      verticalPanel.add(firstnameBox);
      verticalPanel.add(lastnameBox);
      verticalPanel.add(submitButton);

      submitButton.addClickHandler(new ClickHandler()
      {
        public void onClick(ClickEvent event)
        {
          History.newItem("first_panel");
          alert("You are in second panel");
        }
      });
      initWidget(verticalPanel);
    }

    public static SecondPanel getInstance()
{
    if(instance == null)
      return instance = new SecondPanel();
    else
      return instance;
}
    public void onHistoryChanged(String historyToken)
    {
      if(historyToken.equalsIgnoreCase("first_panel"))
        ContentPanel.getInstance().setContent(FirstPanel.getInstance());
    }
    }

Проблема заключается вчто я нажимаю кнопку в FirstPanel и загружается SecandPanel, а затем нажимает «Назад» в браузере, ничего не делает. В методе onHistoryChanged параметр historyToken является пустой строкой, не должно быть значением из стека (first_page)?

Буду благодарен, если кто-то обнаружит проблему или объяснит мне, где я совершаю ошибки.

Спасибо

1 Ответ

3 голосов
/ 27 июня 2011

При загрузке первой страницы вы звоните onHistoryChanged(INIT_STATE) вручную.Это не меняет историю.Замените на это:

public FirstPanel() {

    History.addHistoryListener(this);
    String token = History.getToken();
    if (token.length() == 0) {
        History.newItem(INIT_STATE);
    } else {
        History.fireCurrentHistoryState();
    }

    .. rest of code

Лучше было бы зарегистрировать прослушиватели истории History.addHistoryListener(..) только в самой верхней панели (EntryPoint или ContentPanel) и переключать панели на основе истории оттуда.

...