如何在GWT dataGrid中添加自定義按鈕？

Question

我想要一列完整的按鈕[我自己定製的按鈕]，並希望在我的應用程序中有按鈕的按鈕？如何創建代碼？

感謝

---

細胞細胞=新AbstractCell（）{

@Override 
    public void render(com.google.gwt.cell.client.Cell.Context context, String value, SafeHtmlBuilder sb) 
    { 
     FlowPanel fp = new FlowPanel(); 
     custombutton tb = new custombutton ("click"); 
     tb.setText(value); 
     fp.add(tb); 
     sb.appendHtmlConstant(fp.getElement().getString()); 
    } 
}; 
// Address. 
Column<ContactInfo, String> addressColumn = new Column<ContactInfo, String>(cell) 
{ 
    @Override 
    public String getValue(ContactInfo object) 
    { 
     return object.getAddress(); 
    } 

這是我的代碼，如果ContactInfo.getid（）是真實的，只有我要創建的按鈕列，但現在它爲所有列創建？請提出一些建議？，

Answer 1

您可以使用ActionCell，然後將CSS應用到它以使其看起來像你喜歡的任何方式。

看看GWT展示瞭如何做到這一點的例子：http://gwt.googleusercontent.com/samples/Showcase/Showcase.html#!CwCellSampler

Answer 2

我通過創建自定義的接受Action對象列表的新的自定義單元格中實現類似的功能。

Action{ 
String id; 
boolean clicked; 
ClickHandler handler; 
} 

CustomCell extends AbstractCell<List<Action>>{ 
} 

在render方法中，我已經爲動作列表中的每個動作對象創建了一個具有「id」值的按鈕元素。

@Template("<button id=\"{0}\"></button>") 
SafeHtml buttonHtml(String id); 

public void render(Context context, List<Action> rowActions, SafeHtmlBuilder sb) { 
    for(Action action: rowActions){ 
    sb.append(buttonHtml(action.getId())); 
    } 
} 

在onBrowserEvent，而當點擊發生時，如果在span元素髮生，我們可以得到跨度元素的ID，並設置相應的操作對象按狀態。

@Override 
public void onBrowserEvent(Context context, Element parent, List<Action> value, NativeEvent event, 
    ValueUpdater<List<Action>> valueUpdater) { 
    // Let AbstractCell handle the keydown event. 
    super.onBrowserEvent(context, parent, value, event, valueUpdater); 

    // Handle the click event. 
    if ("click".equals(event.getType())) { 
    // Ignore clicks that occur outside of the outermost element. 
    EventTarget eventTarget = event.getEventTarget(); 

    if (parent.isOrHasChild(Element.as(eventTarget))) { 
     // if (parent.getFirstChildElement().isOrHasChild(
     // Element.as(eventTarget))) { 

     // use this to get the selected element!! 
     Element el = Element.as(eventTarget); 

     // check if we really click on the image 
     if (el.getTagName().equalsIgnoreCase("button")) { 
      for(Action action:value){ 
       if(el.getAttribute("id").equals(action.getId())){ 
        action.setClicked(true); 
       } 
      } 
      doAction(value, 
        valueUpdater); 
     } 
    } 
    } 
} 

在值更新器內部，基於點擊狀態，調用動作對象的點擊處理程序方法。

Answer 3

public static Column<VolunteerTO, VolunteerTO> createReissueButtonColumn(String columnName) { 

    ActionCell<VolunteerTO> reListCell = new ActionCell<VolunteerTO>("Reissue", new ActionCell.Delegate<VolunteerTO>() { 
       @Override 
       public void execute(VolunteerTO object) { 
        // code to be executed 
       } 
      }) 
     { 
      @Override 
      public void render(Cell.Context context,VolunteerTO value,SafeHtmlBuilder sb) { 
       if(null != value.getVolunteerStatus() && !"".equalsIgnoreCase(value.getVolunteerStatus())) { 
        super.render(context,value,sb); 
       } 

      } 


     }; 

     Column<VolunteerTO, VolunteerTO> reListColumn = new Column<VolunteerTO, VolunteerTO>(reListCell) { 
       @Override 
       public VolunteerTO getValue(VolunteerTO object) { 
       return object; 
       } 
       public String getCellStyleNames(Cell.Context context, VolunteerTO object) { 

       if(object.getVolunteerStatus().equalsIgnoreCase(GatesClientConstants.ISSUED)|| object.getVolunteerStatus().equalsIgnoreCase(GatesClientConstants.PROTECTED)){ 
        return "myButtonStyle"; 
       }else if(object.getVolunteerStatus().equalsIgnoreCase(GatesClientConstants.ACCEPTED)|| object.getVolunteerStatus().equalsIgnoreCase(GatesClientConstants.RELEASED)){ 
        return "btn_disable"; 
       } 
       return "leftalign"; 

      } 

     }; 
     reListColumn.setDataStoreName(columnName); 
     reListColumn.setSortable(false); 
    return reListColumn; 

}