GWT 셀 목록 Ubinder

Question

내 개발 요구 사항 때문에 내부에 UiBinders가있는 GWT 셀 목록을 만들어야합니다. 아무도 나에게 그것을하는 방법의 예를 줄 수 있습니까?

나는 gwt의 쇼케이스를보고 있는데 어떤 경우도 동등하지 않습니다.

몹시 많이!

당신은 공식 문서에 살펴 보셔야합니다

Answer 1

: GWT Project Ui Cell widgets

당신이, 당신이 ui.xml 템플릿에서 DOM을 생성하는 어떤 것으로 UiBinder로 생각해야하고, 당신이 사용하는 경우 UiRenderer 당신이 UiRenderer 당신이 UiBinder를 사용하는 사용 DOM 구조를 직접 "GWT 일반 내용 (예 : <g:Label />)"대신 html로 설명합니다.

관련 개념이 있습니다.

1) 예, 당신이 그것을 할,하지만 HTML과 CSS를 사용 할 수 있습니다 귀하의 질문에 대해

.

public class YourTypeCell extends AbstractCell<T> { 
    static interface Renderer extends UiRenderer { 
    void render(SafeHtmlBuilder sb, String id, String name, String img); 
    void onBrowserEvent(CommentCell o, NativeEvent e, Element p, T value); 
    } 

    private final Renderer renderer; 

    public YourTypeCell(...) { 
    super(BrowserEvents.CLICK, BrowserEvents.MOUSEOVER); 
    .... 
    renderer = GWT.create(Renderer.class); 
    } 

    @Override 
    public void render(Context context, final T item, final SafeHtmlBuilder sb) { 
    String id = ...; 
    String img = ...; 
    String name = ...; 
    renderer.render(sb, id, name, img); 
    } 

    @Override 
    public void onBrowserEvent(Context context, Element parent, 
     T value, NativeEvent event, ValueUpdater<T> valueUpdater) { 
    renderer.onBrowserEvent(this, event, parent, value); 
    } 

    @UiHandler({"field1"}) 
    void onMouseOver(MouseOverEvent event, Element parent, T value) { 
    ... 
    } 

    @UiHandler({"field2"}) 
    void onReplyComment(ClickEvent event, Element parent, T value) { 
    ... 
    } 
} 

는 또한 ui.xml 파일과 같은

: 다음 셀리스트의 예를 소개

<!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> 
    .clear{ 
     clear:both; 
    } 
    .cssOne { 
     .... 
    } 
    .cssTwo { 
     .... 
    } 
    </ui:style> 

    <ui:with field="id" type="java.lang.String"/> 
    <ui:with field="name" type="java.lang.String"/> 
    <ui:with field="img" type="java.lang.String"/> 

    <div ui:field='field1' class="{style.cssOne}"> 
    <div ui:field='field2' class="{style.cssTwo}"> 
     <ui:text from='{name}'/> 
    </div> 
    <p><ui:safehtml from='{img}'/></p> 
    </div> 

</ui:UiBinder> 

당신이 그것을 찾을 수 있습니다 처리기 꽤 쉽게 부착의 방법은, 나는 당신에게 예를 보여 드리겠습니다 CellList의 생성자 이전 URL과 자바 독에 http://www.gwtproject.org/javadoc/latest/com/google/gwt/user/cellview/client/CellList.html

당신은 두 클래스를 링크 할 수 있습니다 (CellList 및 사용자 정의 셀) :

CellList<T> cellList = new CellList<T>(new YourTypeCell(...));