Tutorial section in PDF - Custom Training Courses - Coreservlets.com

More documents

Recommendations

Info

Topics in This Section5• Quick review of UiBinder steps– HTML-based and Widget-based• Using widget attributes in UiBinder XML• Three ways to deal with lack of widget zeroargconstructor in UiBinder XML– Using @UiConstructor– Using @UiFactory– Using @UiField(provided=true)• Layout panels with special UiBinder XMLsyntax• Working with CSS in UiBinder• Working with images in UiBinder© 2013 Marty Hall & Yaakov ChaikinQuick Review ofUiBinder StepsCustomized Java EE Training: http://courses.coreservlets.com/GWT, Java 7 and 8, JSF 2, PrimeFaces, HTML5, Servlets, JSP, Ajax, jQuery, Spring, Hibernate, REST, Hadoop, Android.Developed and taught by well-known author and developer. At public venues or onsite at your location.
HTML-Based(Eclipse Wizard Builds #1 & #2)1. Create XML file– Top-level element is an HTML tag like – Put raw HTML inside– Use ui:field to mark places for later insertion2. Create Java class that represents the XML– Extend UiObject– Use UiBinder interface and GWT.create to bind the Java class to theXML representation– Mark fields with @UiField (one for each ui:field in XML)– Call setElement– Insert content into those fields3. Use new Java class in EntryPoint class– Use DOM API with getElement and appendChild7Widget-Based(Eclipse Wizard Builds #1 & #2)81. Create XML file– Top-level element represents a Widget: – Put mixture of raw HTML and inside– Use ui:field to mark places for later insertion2. Create Java class that represents the XML– Extend Composite– Use UiBinder interface and GWT.create to bind the Java class to theXML representation– Mark fields with @UiField (one for each ui:field in XML)– Call initWidget– Set properties of those fields3. Use new Java class in EntryPoint class– Use normal Widget methods• E.g., RootPanel.get(…).add(yourWidget)
Page 1: © 2013 Marty Hall & Yaakov Chaikin
Page 5 and 6: Example: Improved States/Cities Lis
Page 7 and 8: © 2013 Marty Hall & Yaakov Chaikin
Page 9 and 10: Example: OptionalTextBox.java19pack
Page 11 and 12: @UiFactory• Create non-private me
Page 13 and 14: Example: GwtUiBinder1.html andEntry
Page 15 and 16: Example: ConstructorArg1.java...pub
Page 19 and 20: Associating CSS Files: Choices39•
Page 21 and 22: Example: GwtUiBinder.html andEntry
Page 23 and 24: Example: InStyle2.javapublic InStyl
Page 27 and 28: Example: resStyles.css.different {w
Page 29 and 30: Example: Result59Example: Result (F
Page 31: © 2013 Marty Hall & Yaakov Chaikin

Tutorial section in PDF - Custom Training Courses - Coreservlets.com

Create successful ePaper yourself

Delete template?

Save as template?