GWT面板设计最佳实践

Question

我是GWT的新手,也是Swing/SWT风格的界面搭建.我已经使用HTML很长一段时间了,我知道如何构建我的UI.但是,我无法将其转换为GWT.我目前要做的是一个简单的用户界面,左边有一个表,有4列,标题和标题,右边有一个输入和一些下拉菜单(左边列表的过滤器).我已将其作为HTML中的模型,但我无法将其转换为GWT.表中的每一行还应具有用于选择表中项目的选择链接.

我知道UiBinder,但看到自12月以来已经有一个页面,它仍然没有出来,它似乎不是一个可行的选择.如果我可以将我的HTML转换为某些GWT代码,我会喜欢它,但似乎GWT中存在的东西处于更高的抽象层次.似乎很难将DOM.createElement内容与小部件结合使用,即.创建我自己的自定义面板.

Answer 1

您所描述的内容似乎很容易在GWT中使用,内置面板.

我建议你看看GWT展示,并查看源代码,了解它是如何完成的.

停靠面板样本

DockPanel dock = new DockPanel();
dock.setStyleName("cw-DockPanel");
dock.setSpacing(4);
dock.setHorizontalAlignment(DockPanel.ALIGN_CENTER);

// Add text all around
dock.add(new HTML(constants.cwDockPanelNorth1()), DockPanel.NORTH);
dock.add(new HTML(constants.cwDockPanelSouth1()), DockPanel.SOUTH);
dock.add(new HTML(constants.cwDockPanelEast()), DockPanel.EAST);
dock.add(new HTML(constants.cwDockPanelWest()), DockPanel.WEST);
dock.add(new HTML(constants.cwDockPanelNorth2()), DockPanel.NORTH);
dock.add(new HTML(constants.cwDockPanelSouth2()), DockPanel.SOUTH);

// Add scrollable text in the center
HTML contents = new HTML(constants.cwDockPanelCenter());
ScrollPanel scroller = new ScrollPanel(contents);
scroller.setSize("400px", "100px");
dock.add(scroller, DockPanel.CENTER);