복합 GWT 위젯의 서브 클래스

Question

Modal widget from GWTBootstrap3을 서브 클래스 화 (연장)하여 내 응용 프로그램 내에서 재사용 할 수있는 사용자 정의 모달 위젯을 생성하고 싶습니다. UiBinder를 사용할 때이 작업을 수행하는 방법을 모르겠습니다. ModalHeader, ModalBody 및 ModalFooter를 작성하고 add (Widget) 메소드를 사용하여 Java 코드로 추가 할 수 있습니다.

그러나 하위 클래스에 대해 UiBinder를 사용하여 어떻게 동일한 작업을 수행 할 수 있습니까?

Answer 1

UiBinder 코드에서 사용자 정의 위젯을 사용할 수 있습니다. 그게 네가하는 일이야? 사용자 정의 위젯이있는 패키지를 별도의 네임 스페이스로 가져 오면됩니다. 말 가을 WeatherReport 위젯은 com.my.app.widgets하고 사용할 네임 스페이스 내이 가져 오기는 다음과 같습니다 있는 패키지에 :

<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" 
    xmlns:g="urn:import:com.google.gwt.user.client.ui" 
    xmlns:my="urn:import:com.my.app.widgets"> 

지금 당신이 WeatherReport을 추가 할 수 있습니다 이 같은 UiBinder 코드 제품 :

<g:HTMLPanel> 
    <my:WeatherReport ui:field="weather" /> 
</g:HTMLPanel> 

자세한 내용은 official GWT documentation을 참조하십시오. ModalHeader, UiBinder에서 ModalBody 등을 사용하여

같은 방식으로 작동합니다. 해당 패키지를 가져 와서 구성 요소를 사용하면 다음과 같은 간단한 예가됩니다.

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> 
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" 
     xmlns:g="urn:import:com.google.gwt.user.client.ui" 
     xmlns:b="urn:import:org.gwtbootstrap3.client.ui"> 
     <b:ModalBody> 
       <b:Row> 
         <b:Column size="MD_12"> 
           <b:Input ui:field="passwordInput" type="PASSWORD" /> 
         </b:Column> 
       </b:Row> 
       <b:ModalFooter"> 
         <b:Button ui:field="saveButton" text="Save" type="PRIMARY" /> 
         <b:Button ui:field="cancelButton" text="Cancel" /> 
       </b:ModalFooter> 
     </b:ModalBody> 
</ui:UiBinder>