Implementing multiple views via GWT-platform?

Question

I'm implementing a web application which will support different views according to different browsers. For example, In mobile browsers, it will show a smaller view to users with less UI elements. But we'd like to use same presenters.

I have a solution on hand - adding browser type detecting logic in ClientModule, e.g:

if (browser == "iphone") {
    bindPresenter(HomePresenter.class, HomePresenter.MyView.class, HomeView.class, HomePresenter.MyProxy.class);
} else if (browser == "ipad") {
    bindPresenter(HomePresenter.class, HomePresenter.MyView.class, IPadHomeView.class, HomePresenter.MyProxy.class);
} else {
    bindPresenter(HomePresenter.class, HomePresenter.MyView.class, IPhoneHomeView.class, HomePresenter.MyProxy.class);
}

I'm wondering if it is possible to use some ways like deferred binding in GWT-platform. (but I'd like to follow GWT-plarform's structure rather than adding deferred binding code in xxx.gwt.xml).

So my questions are:

1) Are there any other ways to implement the feature mentioned above?
2) Which way is the best, and why?

Thanks in advance!

Best regards,
Jiakuan W

score 2 · Answer 1 · answered Mar 22 '12 at 14:25

2

There is an example in the gwt samples folder that does something like you are wanting. I use a version of the sample code in my project -except using Gin to handle the clientfactory functionality. The sample is called mobilewebapp. It involves using a formfactor method in your .gwt.xml to determine which system you are on - in this case it breaks it down into desktop, mobile, and tablet. Then later in your gwt.xml it trades out client factories based on the form factor - I trade out gin models instead. Here is a link to the source for mobilwebapp

answered Mar 22 '12 at 14:25

Deanna

696
1
5
15

Yes, I noticed the example, which is really good. I planned to use that way as well. I'm using GWTP & GIN. Thanks for your answer. – Jake W Mar 22 '12 at 23:40
How did you use it in GIN?Thanks. – Jake W Mar 23 '12 at 00:16
I have different Gin Modules for desktop, mobile, and tablet. Instead of swapping out the client factory, I swap out the gin modules. The gin modules contain all the things that would be in the client factory. – Deanna Mar 23 '12 at 01:12

score 1 · Accepted Answer · edited May 23 '17 at 10:34

1

GWT does not allow you to set custom user agent types. You're limited to their set of gecko, gecko1_7, safari, IE6, IE7, IE8, and opera.

That being said, you can access the user agent directly and set your logic to switch accordingly with Window.Navigator.getUserAgent(), or via a property provider.

See this similar question on how to do mobile browser detection in GWT for MVP.

edited May 23 '17 at 10:34

Community

1
1

answered Mar 22 '12 at 03:36

Joseph Lust

19,340
7
85
83

Thanks for your answer, the links you provided can make me find a better solution. – Jake W Mar 22 '12 at 08:01

score 0 · Answer 3 · answered Mar 23 '12 at 10:02

Check the gwtp google group, its a good source, and someone posted a pdf about his efforts regarding the sake problem in there. Anyway, if I recall correctly, he holds multiple gin modules for each client with the presenters and views, runs custom js code on loading and than installs the correct module on the the ginClinet class.

Implementing multiple views via GWT-platform?

3 Answers3