Панель с заголовком для GWT (с использованием тегов FIELDSET и LEGEND html) - PullRequest
Новая
       18

Панель с заголовком для GWT (с использованием тегов FIELDSET и LEGEND html)

6 голосов
/ 06 октября 2009

Я пытаюсь создать рамку с заголовком в GWT, что приводит к следующему:

Legend+Fieldset

Это можно сделать с помощью HTML-набора полей и тегов легенды, таких как 

<fieldset> 
    <legend>Connection parameters</legend>
    ... the rest ...
</fieldset>

Я хочу создать собственный виджет в GWT, который реализует это. Мне удалось это сделать, но проблема в том, что события, происходящие внутри виджета (нажатие кнопки и т. Д.) Не запускаются, хотя я добавил обработчик.

Моя реализация виджета выглядит следующим образом: 

public class TitledPanel extends Widget {
private Element legend;
private Widget content = null;

public TitledPanel() {
    Element fieldset = DOM.createFieldSet();
    legend = DOM.createLegend();
    DOM.appendChild(fieldset, legend);
    setElement(fieldset);
}

public TitledPanel(String title) {
    this();
    setTitle(title);
}

@Override
public String getTitle() {
    return DOM.getInnerHTML(legend);
}

@Override
public void setTitle(String html) {
    DOM.setInnerHTML(legend, html);
}

public Widget getContent() {
    return content;
}

public void setContent(Widget content) {
    if (this.content != null) {
        DOM.removeChild(getElement(), this.content.getElement());
    }

    this.content = content;

    DOM.appendChild(getElement(), content.getElement());
}
}

Нужно ли расширять Composite, или нужно вручную перенаправлять события, или есть другие способы?

Ответы [ 2 ]

17 голосов
/ 06 октября 2009

Я думаю, что вы ищете CaptionPanel :

Панель, которая оборачивает свое содержимое рамкой с надписью, которая появляется в верхнем левом углу рамки. Это реализация HTML-элемента fieldset.

1 голос
/ 06 октября 2009

Я думаю, что проблема в том, что вы просто звоните DOM.appendChild - это не заставляет TitledPanel принять Widget.Обычный порядок действий заключается в том, что вы расширяете Composite, а затем вызываете initWidget(Widget widget) - внутри колпака он вызывает widget.setParent(this);, что, в свою очередь, заставляет родителя принять этот виджет и прикрепить его к документу браузера.Однако com.google.gwt.user.client.ui.Widget.setParent (Widget) виден только для пакета, поэтому его нельзя вызвать из кода (например, после DOM.appendChild).

Я бы порекомендовал прочитать Рекомендации по созданию виджетов / Создание виджетов , особенно Очистить себя и / или посмотреть на исходный код некоторых виджетов GWT, чтобы понять, какGWT видит создание собственного виджета.

И, как предложил Роберт , CaptionPanel является более безопасным маршрутом:)

...