GWT Clickable SafeHTMLCell?

时间:2013-09-11 09:38:07

标签: gwt

我在datagrid上定义了一个safehtmlcell。 html渲染得很好,但我需要可点击的单元格,它可以在clickabletextcell上运行。这是我的代码:

SafeHtmlCell itemCell = new SafeHtmlCell();
        Column<MyStoreItems, SafeHtml> itemNameColumn = new Column<MyStoreItems, SafeHtml>(itemCell) {
        @Override
        public SafeHtml getValue(MyStoreItems storeItem) {
            SafeHtmlBuilder sb = new SafeHtmlBuilder();
            sb.appendHtmlConstant("<table>");
            sb.appendHtmlConstant("<td style='font-size:95%;'>");
            sb.appendEscaped(storeItem.getItemName());
            sb.appendHtmlConstant("</td></tr><tr><td>");
            sb.appendEscaped(storeItem.getPackingUnit() + " " + storeItem.getStoreItemName());
            sb.appendHtmlConstant("</td></tr></table>");

            return sb.toSafeHtml();
        }
    };          
    itemNameColumn.setFieldUpdater(new FieldUpdater<MyStoreItems, SafeHtml>() {

        @Override
        public void update(int index, MyStoreItems storeItem, SafeHtml value) {
            selectedStoreItem = storeItem;
            selectedIndex = index;
            showSelectedStoreItems(index, storeItem);

        }
    });

是否有任何解决方法可以使safehtml单元格可点击?

2 个答案:

答案 0 :(得分:1)

您必须创建一个扩展AbstractCell的类,然后覆盖onBrowserEvent()方法。

public class MySafeHtmlCell extends AbstractCell<SafeHtml> {

  public MySafeHtmlCell() {
     super(BrowserEvents.CLICK);
  }

  @Override
  public void render(Context context, SafeHtml value, SafeHtmlBuilder sb) {
    if (value != null) {
      sb.append(value);
    }
  }

  @Override
  public void onBrowserEvent(Context context, Element parent, SafeHtml value, NativeEvent event,
      ValueUpdater<SafeHtml> valueUpdater) {
    String eventType = event.getType();
    if (BrowserEvents.CLICK.equals(eventType)) {
      // Do something...
    }
  }
}

在上面的实现中,我制作了SafeHtmlCell实现的副本并添加了单击事件处理。当然你应该考虑扩展SafeHtmlCell而不是重写它。

无关注意:请考虑使用HtmlTemplates

而不是使用safeHtmlBuilder
public interface MyTemplate extends SafeHtmlTemplates {
   @Template("<span class=\"{3}\">{0}: <a href=\"{1}\">{2}</a></span>")
   SafeHtml messageWithLink(SafeHtml message, String url, String linkText,
       String style);
}

答案 1 :(得分:0)

只需使用ClickableTextCell即可。它扩展AbstractSafeHtmlCell并消耗点击和keydown事件。