2

在尝试使用 GWT 的ListEditor系统时，我找不到一个工作示例，其中列表中每个项目的 UI 都有一个删除/删除按钮。

我发现的例子都像这个[1] 并且有一个EditorSource.create()实现创建每个项目Editor，并且似乎连接了一个处理程序以通过listEditor.getList().remove(index).

但是，删除处理程序的匿名实现在子编辑器创建时围绕 index 的值关闭，这会导致IndexOutOfBoundExceptions或错误的项目被删除，因为每次删除都会更改其后所有项目的索引。

我把头发拉了一会儿，试图看看我在示例中缺少什么以防止这种情况发生，但据我所知，他们确实都有这个问题，所以虽然修复相当简单，但我仍然会发布它在这里，因此人们至少可以找到一个正确删除项目的示例。

[1] 我认为我发现的所有示例都源自我链接的示例，尽管该示例在 remove() 中特别具有更多逻辑，并且可能一直在做一些事情来避免问题，例如以某种方式更正列表顺序，我还没有深入研究该项目中的其他代码。

4

1 回答 1

4

以下是ListEditor纠正其他示例中发现的问题的最小示例。

public abstract class FooEditor extends Composite implements Editor<Foo> {

    Widget root; // Instantiated explicitly or through uibinder

    // Implemented as one of uibinder+fields, fields, methods, or LeafValueEditor.set/getValue()

    public FooEditor() { 
        initWidget(root); 
    }

    // Used for brevity, could be any triggering mechanism, click handler, event handler, etc.
    abstract void onDeleteClicked(); 
}

public class FooListEditor extends Composite implements IsEditor<ListEditor<Foo, FooEditor>> {

    private class FooEditorSource extends EditorSource<FooEditor> {

        @Override 
        public FooEditor create(int index) {

            FooEditor subEditor = new FooEditor()
            {
                @Override
                public void onDeleteClicked()
                {
                    // =======================================================
                    //
                    // This fixes the problem present in other examples
                    // by determining the current index at the time of removal
                    //
                    // =======================================================
                    int currentIndex = listEditor.getEditors().indexOf(this);
                    listEditor.getList().remove(currentIndex);    
                }
            };

            setIndex(subEditor, index);

            return subEditor;
        }

        @Override 
        public void dispose(FooEditor subEditor) { 
            subEditor.removeFromParent(); 
        }

        @Override 
        public void setIndex(FooEditor subEditor, int index) {
            listPanel.insert(subEditor, index);
        }
    }

    FlowPanel listPanel; // Instantiated explicitly or through uibinder

    ListEditor<Foo, FooEditor> listEditor = ListEditor.of(new FooEditorSource());

    public FooListEditor() {
        initWidget(listPanel);
    }

    @Override 
    public ListEditor<Foo, FooEditor> asEditor() { 
        return listEditor; 
    }
}
于 2015-04-18T17:41:18.203 回答