GXT3 - TextField高度.如何使TextFields的高度变大？

Question

GXT 3.0.1 GWT 2.5.1

我试图使一个文本框的高度与按钮旁边的按钮，但它不工作。我已经尝试过TextFields自己的集函数、cointaner布局函数等等。似乎没有什么比怀疑的更有效了。

VerticalLayoutContainer layout = new VerticalLayoutContainer();
HBoxLayoutContainer searchContainer = new HBoxLayoutContainer();
searchContainer.setPadding(new Padding(5));
searchContainer.setPack(BoxLayoutPack.CENTER);
BoxLayoutData boxLayout = new BoxLayoutData(new Margins(0, 5, 5, 0));
searchText = new TextField();
searchButton = new TextButton("Search");
searchContainer.add(searchText, boxLayout);
searchContainer.add(searchButton, boxLayout);
searchContainer.setBorders(true);
layout.add(searchContainer);

这个片段并不代表我到目前为止尝试过的。这个片段显示了我在什么上下文中使用TextField和Button (容器)。我遗漏了什么？或者是否可以像像素一样在固定值的基础上调整高度？我对GXT很陌生。

非常感谢。

Answer 1

我自己找到了一个没有CSS的解决方案。但是，多亏了geert3的建议，他建议查看html本身，以确定需要调整哪些组件来可视化正确的高度。最后，必须修改“输入”字段。为此，我编写了一个小类，它扩展了Textfield本身，并提供了一个调整输入字段高度的方法。几乎所有TextFields输入字段的属性都可以这样修改。以下是解决办法：

public class SearchTextField extends TextField {    

        public SearchTextField(){
            super();
        }

        public void setInputHeight(int heightValue) {
            getInputEl().getStyle().setHeight(20, Unit.PX);
        }

        public String getInputHeight() {
            return getInputEl().getStyle().getHeight();
        }
    }

或者，您可以在一行代码中产生相同的效果。在这方面，随问题张贴的解决办法是：

searchText.getCell().getInputElement(searchText.getElement()).getStyle().setHeight(20, Unit.PX);

Answer 2

试试这个：

searchText.getElement().getStyle().setLineHeight(20, Unit.PX);

如果您想经常这样做(例如，对于许多组件)，您应该考虑使用CSS来样式textfield。这包括：

1. 在textfield中添加一个样式表名 searchText.addStyleName("mytextfield");
2. 在CSS中，定义mytextfield类的样式： .mytextfield { line-height: 20px }