GWT UiBinder で CheckBox を使う

view plainprint?

1. <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">  
2. <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"  
3.  xmlns:g="urn:import:com.google.gwt.user.client.ui">  
4.  <ui:style>  
5.   .my-CheckBox {  
6.    font-weight: bold;  
7.   }  
8.  </ui:style>  
9.  <g:HTMLPanel>  
10.    <g:VerticalPanel>  
11.      <g:CheckBox value="true">Monday</g:CheckBox>  
12.      <g:CheckBox focus="true">Tuesday</g:CheckBox>  
13.      <g:CheckBox styleName="{style.my-CheckBox}">Wednesday</g:CheckBox>  
14.      <g:CheckBox>Thursday</g:CheckBox>  
15.      <g:CheckBox>Friday</g:CheckBox>  
16.      <g:CheckBox enabled="false">Saturday</g:CheckBox>  
17.      <g:CheckBox enabled="false">Sunday</g:CheckBox>  
18.    </g:VerticalPanel>  
19.    <g:VerticalPanel width="50px">  
20.      <g:CheckBox text="January,February, March, April" />     
21.      <g:CheckBox wordWrap="true">May, June, July, August</g:CheckBox>     
22.    </g:VerticalPanel>  
23.  </g:HTMLPanel>  
24. </ui:UiBinder>   

<!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">
 <ui:style>
  .my-CheckBox {
   font-weight: bold;
  }
 </ui:style>
 <g:HTMLPanel>
   <g:VerticalPanel>
     <g:CheckBox value="true">Monday</g:CheckBox>
     <g:CheckBox focus="true">Tuesday</g:CheckBox>
     <g:CheckBox styleName="{style.my-CheckBox}">Wednesday</g:CheckBox>
     <g:CheckBox>Thursday</g:CheckBox>
     <g:CheckBox>Friday</g:CheckBox>
     <g:CheckBox enabled="false">Saturday</g:CheckBox>
     <g:CheckBox enabled="false">Sunday</g:CheckBox>
   </g:VerticalPanel>
   <g:VerticalPanel width="50px">
     <g:CheckBox text="January,February, March, April" />   
     <g:CheckBox wordWrap="true">May, June, July, August</g:CheckBox>   
   </g:VerticalPanel>
 </g:HTMLPanel>
</ui:UiBinder> 

view plainprint?

1. package yanzm.example.hellowtgt.client;  
2.   
3. import com.google.gwt.core.client.GWT;  
4. import com.google.gwt.uibinder.client.UiBinder;  
5. import com.google.gwt.user.client.ui.Composite;  
6. import com.google.gwt.user.client.ui.Widget;  
7.   
8. public class CheckBox extends Composite {  
9.   
10.  private static CheckBoxUiBinder uiBinder = GWT  
11.    .create(CheckBoxUiBinder.class);  
12.   
13.  interface CheckBoxUiBinder extends UiBinder<Widget, CheckBox> {  
14.  }  
15.   
16.  public CheckBox() {  
17.   initWidget(uiBinder.createAndBindUi(this));  
18.  }  
19. }  

package yanzm.example.hellowtgt.client;

import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.user.client.ui.Composite;
import com.google.gwt.user.client.ui.Widget;

public class CheckBox extends Composite {

 private static CheckBoxUiBinder uiBinder = GWT
   .create(CheckBoxUiBinder.class);

 interface CheckBoxUiBinder extends UiBinder<Widget, CheckBox> {
 }

 public CheckBox() {
  initWidget(uiBinder.createAndBindUi(this));
 }
}

■ その他
・Java code による実装例 (Showcase)
・com.google.gwt.user.client.ui.CheckBox