我想在文本框中有一个下拉箭头(在我的例子中实际上是 SuggestBox)。 GMail 执行此操作是为了实现高级搜索功能(打开高级搜索对话框)。
要使该箭头显示在 TextBox 的右侧并可单击,正确的 GWT 布局是什么?
看看 GMail,我发现下拉菜单的图像非常奇怪。
这是一个简单的例子:
你需要处理CSS:
public class GMailDropDown implements EntryPoint {
public void onModuleLoad() {
RootPanel.get().add(new DropDown());
}
class DropDown extends Composite
implements ClickHandler
{
private TextBox textBox = new TextBox();
private PushButton button;
public DropDown() {
Image img = new Image("https://ssl.gstatic.com/ui/v1/zippy/arrow_down.png");
button = new PushButton(img);
button.getElement().getStyle().setPaddingLeft(5, Unit.PX);
button.getElement().getStyle().setPaddingRight(5, Unit.PX);
button.getElement().getStyle().setPaddingTop(3, Unit.PX);
button.getElement().getStyle().setPaddingBottom(7, Unit.PX);
button.addClickHandler(this);
button.removeStyleName("gwt-PushButton");
textBox.getElement().getStyle().setBorderWidth(0, Unit.PX);
HorizontalPanel panel = new HorizontalPanel();
panel.add(textBox);
panel.add(button);
panel.getElement().getStyle().setBorderWidth(1, Unit.PX);
panel.getElement().getStyle().setBorderColor("black");
panel.getElement().getStyle().setBorderStyle(BorderStyle.SOLID);
// All composites must call initWidget() in their constructors.
initWidget(panel);
}
@Override
public void onClick(ClickEvent event) {
// TODO Auto-generated method stub
}
}
}
还要检查这个
https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCustomWidgets https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCustomWidgets
https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle https://developers.google.com/web-toolkit/doc/latest/DevGuideClientBundle
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)