我在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单元格可点击?
答案 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
而不是使用safeHtmlBuilderpublic 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事件。