다른 위젯에 div가 이미 포함되어있는 경우 div를 위젯으로 바꾸려면 어떻게해야합니까?

Question

저는 Ext-GWT를 사용하고 있습니다. 제가 생각한 바로는 ListView이 올바른 레이아웃이라고 생각합니다. 내 문제는 모든 항목에 대해 HTML 템플릿을 사용해야한다는 것입니다. 대신 GWT/Ext-GWT 위젯을 작성하므로 적절한 위젯으로 대체 할 자리 표시자를 div으로 사용하고 있습니다.

내 div을 위젯으로 어떻게 대체 할 수 있습니까? 내 첫번째 시도는 RootPanel.get('div-id')을 사용하는 것이었지만 외관상으로는 위젯에있는 RootPanel을 만들 수 없습니다 (나는 그 예외를 발견 할 때까지 코드를 단계별로 디버그 모드를 사용했습니다). 당신은 코드에 추가 컨텍스트를 필요로하는 경우

public class TicketContainer extends LayoutContainer { 

    private ArrayList<BasicTicket> tickets; 

    public TicketContainer(ArrayList<BasicTicket> tickets) { 
     this.tickets = tickets; 
    } 

    @Override 
    protected void onRender(Element parent, int index) { 
     super.onRender(parent, index); 
     setLayout(new FlowLayout(1)); 

     ListStore<BasicTicket> store = new ListStore<BasicTicket>(); 
     store.add(this.tickets); 

     ListView<BasicTicket> view = new ListView<BasicTicket>(store); 

     view.addListener(Events.Refresh, new Listener<BaseEvent>() { 

      @Override 
      public void handleEvent(BaseEvent be) { 
       for (BasicTicket ticket : tickets) { 
       // At this point I need to find the div with the id 
       // "ticket_"+ticket.getId() and replace it with a GWT 
       // widget that I can add events to and enable drag and drop 
       } 
      } 
     }); 

     add(view); 

    } 

    private native String getTemplate() /*-{ 
     return ['<tpl for=".">', 
     '<div id="ticket_{id}"></div>', 
     '</tpl>'].join(""); 
    }-*/; 

} 

전체 소스는 https://code.launchpad.net/~asa-ayers/+junk/Kanban이다.

Answer 1

"순수"GWT에서, 대답은 HTMLPanel을 사용하는 것입니다 : 당신이 볼 수 있듯이

String id = DOM.createUniqueId(); 
HTMLPanel panel = new HTMLPanel("<div class=\"content\" id=\"" + id + "\"></div>"); 

panel.add(new Label("Something cool"), id); 

는 com.google.gwt.user.client.ui.HTMLPanel.add(Widget, String)는 HTMLPanel withing에 요소의 ID를 소요하고 해당 요소 내부의 Widget을 배치합니다.

나는 Ext-GWT를 사용하지 않았지만 HTMLPanel을 사용하거나 Ext-GWT에서 다른 값을 검색 할 수 있습니다.

Answer 2

HTML 패널에서 기존 div를 래핑 할 수도 있습니다.

HTMLPanel newPanel = HTMLPanel.wrap(Document.get().getElementById("yourDivId")); 
newPanel.add(your_widget);