使用 Smart GWT TreeGrid 进行导航

Question

我正在开发一个 SmartGWT 项目，我希望通过树形网格完成主要导航。树形网格正确呈现，其数据源也正常运行。树形网格正确位于主视图画布的左侧。

我似乎无法弄清楚如何根据导航树中选择的内容切换 mainView Canvas 的内容。我通过向现有画布添加新窗口来模仿我想要的功能，但我找不到演示如何完全清除画布并将其替换为新窗口的示例。

我走在正确的轨道上吗？谁能给我举一个例子来大致说明我想要实现的目标吗？

public class NavigationTree extends TreeGrid {

    public NavigationTree(Canvas mainView)
    {
        setDataSource(NavigationDataSource.getInstance());
        setAutoFetchData(true);
        setShowHeader(false);

        addNodeClickHandler(new NavClickHandler(mainView));
    }

    // Handler for clicking an item on the Navigation Tree.
    private class NavClickHandler implements NodeClickHandler
    {
        private Canvas mainView;

        public NavClickHandler(Canvas mainView)
        {
            super();
            this.mainView = mainView;
        }

        @Override
        public void onNodeClick(NodeClickEvent event)
        {
            Window window = new Window();

            window.setWidth(300);  
            window.setHeight(230);  
            window.setCanDragReposition(true);  
            window.setCanDragResize(true);  

            window.setTitle(event.getNode().getAttribute("name"));
            window.addItem(new Label("huzzah!"));

            window.setParentElement(mainView);
            window.redraw();
        }
    }
}

Answer 1

您可以保留 mainView 画布，清除其子窗口（如果设置了），然后将新创建的窗口设置为其新子窗口。单击处理程序的主体如下所示：

Window window = new Window();

window.setWidth(300);  
window.setHeight(230);  
window.setCanDragReposition(true);  
window.setCanDragResize(true);  

window.setTitle(event.getNode().getAttribute("name"));
window.addItem(new Label("huzzah!"));

for (Canvas child: mainView.getChildren()) {
    mainView.removeChild(child);
}

mainView.addChild(window);

Answer 2

我成功地通过对事件处理程序代码进行以下更改来完成我所需要的：

public NavClickHandler(UI ui) //UI extends HLayout
{
    this.ui = ui;
}

@Override
public void onNodeClick(NodeClickEvent event) {
    Window window = new Window();

    window.setWidth100();
        window.setHeight100();
        window.setHeaderControls(HeaderControls.HEADER_LABEL);

    window.setTitle(event.getNode().getAttribute("name"));
    window.addItem(new Label("Huzzah!"));

    ui.setMainView(window);
}

...并对我的主 UI 布局进行以下更改：

public void setMainView(Canvas canvas)
{
    mainView.destroy();
    mainView = canvas;
    addMember(mainView);
    this.redraw();
}