Once the UiBinder is complete, the last step is adding it to the host page and testing how it looks and functions in Development Mode.
- [Instructor] The last piece of the puzzle…is to add our UiBinder widget to the root panel.…But the good news is this couldn't be simpler.…Like I said, our UiBinder extends Composite,…which is a type of widget that makes its content…behave like a native widget.…Therefor, to add the UiBinder to our application…in our entry point method,…we first create a new widget.…Let's open up the entry point class…And in ModuleLoad, we'll create a new MyUiBinder widget.…
We'll call it mub.…And then include that widget in the root panel,…like we've done with the other widgets.…I don't have a specific ID or element to attach it to,…so I'm just going to use the get method…and say add mub.…Let's save our work.…And since this application is already running…in development mode, let's just go to the browser…and hit refresh.…
And there it is.…Here is the button;…it's got the text of Kyle coming from the name.txt file.…If we inspect this button,…we should see a couple styles applied to it.…One from our internal style and one from our external style.…
In this course, learn how to build high-performance, browser-based apps using GWT. Kyle Gower-Winter introduces you to GWT, explaining the benefits of using this toolkit to build dynamic web pages. To help you practice what you learn, he shows how to build a simple foreign exchange rate application. Plus, Kyle covers managing AJAX events on the client, handling UI action events, debugging code, and more.
- Creating and running a GWT application
- Working with GWT widgets and UiBinder
- Manage AJAX events on the client
- Using a GWT RequestBuilder object
- Debugging in the browser
- Setting breakpoints and inspecting variables
- Running locally in production mode
Skill Level Intermediate
Building Web Applications with Ajaxwith Sasha Vodnik1h 31m Intermediate
Java: Build Automation with Mavenwith Peggy Fisher1h 24m Intermediate
1. Create and Run a GWT Application
2. GWT Widgets and UiBinder
3. Manage AJAX Events on the Client
4. Debugging in the Browser
5. Run Locally in Production Mode
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.