当前位置：文江博客话题详情

如何在 GWT TextBox 小部件内添加图像或图标？

发布于 2024-12-04 11:37:15 字数 87 浏览 1 评论 0原文

有没有办法在 GWT TextBox 小部件中添加图像或图标？

编辑：图像需要有 ClickHandler。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月下伊人醉 2024-12-11 11:37:15

如果您只对视觉上添加图标感兴趣，您可以使用 css 添加它，例如：

background-image:url('icon.png');
background-repeat:no-repeat;

更新：

如果您需要向图像添加事件，您可以在水平面板中绑定图像和文本框正如@Sandro Munda 的回答。另一种方法是使用绝对面板和 css 使图像和文本框重叠，如下所示：

public class TextBoxWithImage extends Composite {
    public TextBoxWithImage() {
        AbsolutePanel p = new AbsolutePanel();
        p.add(new TextBox());       
        Image image = new Image("images/down.png");
        image.getElement().getStyle().setMarginLeft(-20, Unit.PX);
        p.add(image);       
        image.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                Window.alert("Clicked!");
            }
        });
        initWidget(p);
    }
}

If you are only interested in visually adding an icon , you can add it using css such as :

background-image:url('icon.png');
background-repeat:no-repeat;

UPDATE :

If you need to add events to image, you can bind an image and a textbox in a horizontal panel as in @Sandro Munda's answer. Also another method is to use an absolute panel and css to make the image and the textbox overlap as such :

public class TextBoxWithImage extends Composite {
    public TextBoxWithImage() {
        AbsolutePanel p = new AbsolutePanel();
        p.add(new TextBox());       
        Image image = new Image("images/down.png");
        image.getElement().getStyle().setMarginLeft(-20, Unit.PX);
        p.add(image);       
        image.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                Window.alert("Clicked!");
            }
        });
        initWidget(p);
    }
}

回复收藏 0 原文