如何通过单击CellTable中的单元格打开弹出面板？

Question

我的CellTable显示如下所示 -

点击“删除”按钮，我想在屏幕中央打开一个弹出式面板，其中应包含一个流量面板和一个按钮。
现在，对于删除按钮，我有以下功能 -

deleteColumn.setFieldUpdater(new FieldUpdater<Contact, String>() {
        public void update(int index, Contact object, String value) {           
            try {
                int removeIndex = CONTACTS.indexOf(object);
                CONTACTS.remove(removeIndex);

                table.setRowCount(CONTACTS.size(), true);
                table.setRowData(CONTACTS);

                table.redraw();

            } catch(Exception e) {
                e.printStackTrace();
            }});

我不明白如何更新我的功能。示例代码肯定会有所帮助。

Answer 1

如何只显示PopupPanel？

这样的事情：

PopupPanel popup = new PopupPanel(true);
FlowPanel panel = new FlowPanel();
//add Button etc
popup.setSize("1100px","500px");
popup.clear();
popup.add(panel);
popup.show();
popup.center();

如果要显示确认对话框，则此代码更容易：

if (Window.confirm("Do you really want to delete the dataset?"))
{
     //delete code
}

Answer 2

这样的东西？

    ButtonCell buttonCell = new ButtonCell(){
        @Override
        public Set<String> getConsumedEvents() {
            // TODO Auto-generated method stub
            //return super.getConsumedEvents();
            Set<String> events = new HashSet<String>();
            events.add("click");

            return events;
        }
    };
    productTable.addColumn(new Column<ProductDetails, String>(buttonCell) {
        @Override
        public String getValue(ProductDetails object) {
            // TODO Auto-generated method stub
            return "Edit";
        }
        @Override
        public void onBrowserEvent(Context context, Element elem,
                ProductDetails object, NativeEvent event) {
            // TODO Auto-generated method stub
            super.onBrowserEvent(context, elem, object, event);
            if("click".equals(event.getType())){
                presenter.onEditButtonClicked(object);
            }
        }
    }, "Commands");

请尝试一下，让我知道结果。我刚刚写了并没有测试过它：|