1

我在我的数据网格上定义了一个 safehtmlcell。html 渲染得很好，但我需要该单元格是可点击的，它适用于可点击的文本单元格。这是我的代码：

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 单元格可点击？

4

2 回答 2

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);
}
于 2013-09-11T10:17:00.910 回答
0

只需使用ClickableTextCell. 它扩展AbstractSafeHtmlCell并使用 click 以及 keydown 事件。

于 2013-09-11T20:09:44.487 回答