Question

是否可以简单地在创建包含文本框和标签的自定义窗口小部件时扩展文本字段，然后继承文本字段的功能以及事件处理。

据我所知，人们会正常扩展Composite，然后在构造函数中实现initWidget（）。

initWidget(binder.createAndBindUi(this));

我可以通过扩展文本域来做类似的事情。

我想这样做的原因是因为创建了一个带有标签的指示器文本字段，但是当我尝试在某个地方使用它时，在此自定义窗口小部件中应用事件处理会给我带来意想不到的结果。

import com.google.gwt.core.client.GWT;

public class IndicatorTextField extends Composite implements HasText, HasKeyUpHandlers{

public interface Binder extends UiBinder<Widget, IndicatorTextField> {
}

private static final Binder binder = GWT.create(Binder.class);

public interface Style extends CssResource{
    String textStyling();
    String requiredInputLabel();
    String colorNotValidated(); 
}

@UiField Style style;
@UiField Label label;
@UiField TextBox textBox;


public IndicatorTextField()
{
    initWidget(binder.createAndBindUi(this));
}

public void setBackgroundValidateTextbox(boolean validated)
{
    if(validated)
    {
        textBox.getElement().addClassName(style.colorNotValidated());
    }
    else
    {
        textBox.getElement().removeClassName(style.colorNotValidated());
    }
}

@Override
public String getText() {
    return label.getText();
}

@Override
public void setText(String text) {
    label.setText(text);
}

@UiHandler("textBox")
public void onKeyUp(KeyUpEvent event)
{
    DomEvent.fireNativeEvent(event.getNativeEvent(), this);
}

@Override
public HandlerRegistration addKeyUpHandler(KeyUpHandler handler) {      
    //return textBox.addKeyUpHandler(handler);
    return addDomHandler(handler, KeyUpEvent.getType());
}
}

Answer 1

查看TextBox类的默认构造函数。

/**
 * Creates an empty text box.
 */
public TextBox() {
  this(Document.get().createTextInputElement(), "gwt-TextBox");
}

它创建文本输入元素。您可以使用如下构造函数创建自定义类LabeledTextBox：

public class LabeledTextBox extends TextBox {

    public MyTextBox() {
        super(Document.get().createDivElement());
        final DivElement labelElement = Document.get().createDivElement();
        final InputElement textBoxElement = Document.get().createTextInputElement();
        getElement().appendChild(labelElement);
        getElement().appendChild(textBoxElement);
    }

    ...

}

我自己没有尝试过这门课。最有可能的是，它需要额外的调整，可能会有听众问题等。

你真的需要通过继承TextBox来创建一个小部件吗？为什么不使用某种Panel呢？这对我来说更简单。

自定义小部件扩展文本字段

1 个答案: