Example usage for com.google.gwt.user.client DOM appendChild

List of usage examples for com.google.gwt.user.client DOM appendChild

Introduction

In this page you can find the example usage for com.google.gwt.user.client DOM appendChild.

Prototype

public static void appendChild(Element parent, Element child) 

Source Link

Document

Appends one element to another's list of children.

Usage

From source file:asquare.gwt.sb.client.ui.StreamPanel.java

License:Apache License

/**
 * Appends an element to the current node. 
 * //w  ww. j  a  v  a  2s .co m
 * @param type
 */
public Element element(String type) {
    Element element = DOM.createElement(type);
    if (m_display != null)
        DOM.setStyleAttribute(element, "display", m_display);
    DOM.appendChild(m_elementTreePath.peek(), element);
    return element;
}

From source file:asquare.gwt.tests.tabledom.client.Demo.java

License:Apache License

public void onModuleLoad() {
    m_textArea.setVisibleLines(20);//from  www  .  j a v  a2 s .c  om
    m_textArea.setCharacterWidth(80);

    final Button button = new Button();
    DOM.setStyleAttribute(button.getElement(), "display", "block");
    button.setText("Execute");
    button.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            Element tbody = DOM.createTBody();
            setInnerHtml(tbody, "", "setInnerHtml(tbody, \"\")");
            setInnerHtml(tbody, "", "setInnerHtml(tbody, \"\") again");
            Element table = DOM.createTable();
            DOM.appendChild(table, tbody);
            setInnerHtml(tbody, "", "setInnerHtml(table.tbody, \"\")");
            setInnerHtml(tbody, " ", "setInnerHtml(table.tbody, \" \")");
            setInnerHtml(tbody, "<tr></tr>", "setInnerHtml(table.tbody, \"<tr></tr>\")");
            setInnerHtml(tbody, "<tr><td></td></tr>", "setInnerHtml(table.tbody, \"<tr><td></td></tr>\")");
            DOM.appendChild(RootPanel.getBodyElement(), table);
            setInnerHtml(tbody, "", "setInnerHtml(body.table.tbody, \"\")");
            DOM.removeChild(table, tbody);
            setInnerHtml(tbody, "", "setInnerHtml(tbody, \"\")");

            Element td = DOM.createTD();
            setInnerHtml(td, "", "setInnerHtml(td, \"\")");
            Element tr = DOM.createTR();
            DOM.appendChild(tr, td);
            setInnerHtml(td, "", "setInnerHtml(tr.td, \"\")");
            tbody = DOM.createTBody();
            DOM.appendChild(tbody, tr);
            setInnerHtml(td, "", "setInnerHtml(tbody.tr.td, \"\")");
            table = DOM.createTable();
            DOM.appendChild(table, tbody);
            setInnerHtml(td, "", "setInnerHtml(table.tbody.tr.td, \"\")");
            setInnerHtml(tr, "", "setInnerHtml(table.tbody.tr, \"\")");
            setInnerHtml(tbody, "", "setInnerHtml(table.tbody, \"\")");
            setInnerHtml(table, "", "setInnerHtml(table, \"\")");

            setInnerHtml(DOM.createTable(), "", "setInnerHtml(new Table(), \"\")");

            tr = DOM.createTR();
            setInnerHtml(tr, "<td></td>", "setInnerHtml(tr, \"<td></td>\")");
        }
    });
    RootPanel.get().add(button);
    RootPanel.get().add(m_textArea);
}

From source file:asquare.gwt.tk.client.ui.DropDownPanel.java

License:Apache License

/**
 * Constructs a new panel, adding a widget to the content area and
 * optionally setting the header./*from ww  w.  j  a v  a 2  s  . c  om*/
 * 
 * @param w the widget to be added, or null
 * @param text the header text associated with this widget, or null
 * @param asHTML <code>true</code> to treat the specified text as HTML.
 *            Ignored if <code>text</code> is <code>null</code>.
 */
public DropDownPanel(Widget w, String text, boolean asHTML) {
    super(DOM.createDiv());
    setStyleName("tk-DropDownPanel");

    m_contentDiv = DOM.createDiv();
    setStyleName(m_contentDiv, "tk-DropDownPanelContent", true);
    setVisible(m_contentDiv, false);
    DOM.appendChild(getElement(), m_contentDiv);

    if (w != null) {
        add(w);
    }

    if (text != null) {
        setHeaderText(text, asHTML);
    }
}

From source file:asquare.gwt.tk.client.ui.ModalDialog.java

License:Apache License

public ModalDialog() {
    setFocusModel(new FocusModel());
    setStyleName(STYLENAME_DIALOG);//from  www  .  j  a  v a2 s .  c  o  m
    DOM.appendChild(getContainerElement(), m_focusable);
    m_glassPanel.addStyleName(STYLENAME_GLASSPANEL);
    m_panel.addCell();
    m_panel.addCellStyleName(STYLENAME_CONTENT);
    m_contentTd = m_panel.getCellElement(0);
    super.setWidget(m_panel);
}

From source file:asquare.gwt.tk.client.util.TableUtil.java

License:Apache License

public static Element createAppendTr(Element tBody) {
    Element tr = DOM.createTR();
    DOM.appendChild(tBody, tr);
    return tr;
}

From source file:asquare.gwt.tk.client.util.TableUtil.java

License:Apache License

public static Element createAppendTd(Element tr) {
    Element td = DOM.createTD();
    DOM.appendChild(tr, td);
    return td;
}

From source file:asquare.gwt.tk.demo.client.DebugPanel.java

License:Apache License

private void addCheckBox(ComplexPanel parent, String label, int mask, ClickListener listener) {
    CheckBox cb = new CheckBox(label);
    cb.setChecked((m_eventListener.getEventMask() & mask) != 0);
    cb.addClickListener(listener);//from  w  w  w.j a v  a2 s .co  m
    parent.add(cb);
    DOM.appendChild(parent.getElement(), DOM.createElement("br"));
}

From source file:at.ac.fhcampuswien.atom.client.gui.attributes.components.slider.SliderBar.java

License:Apache License

/**
 * Create a slider bar./*from ww w  .  j  a  v a  2s  . c o m*/
 * 
 * @param minValue the minimum value in the range
 * @param maxValue the maximum value in the range
 * @param labelFormatter the label formatter
 * @param images the images to use for the slider
 */
public SliderBar(double minValue, double maxValue, LabelFormatter labelFormatter, SliderBarImages images) {
    super();
    images.sliderBarCss().ensureInjected();
    this.minValue = minValue;
    this.maxValue = maxValue;
    this.images = images;
    setLabelFormatter(labelFormatter);

    // Create the outer shell
    DOM.setStyleAttribute(getElement(), "position", "relative");
    setStyleName("gwt-SliderBar-shell");

    // Create the line
    lineElement = DOM.createDiv();
    DOM.appendChild(getElement(), lineElement);
    DOM.setStyleAttribute(lineElement, "position", "absolute");
    DOM.setElementProperty(lineElement, "className", "gwt-SliderBar-line");

    // Create the knob
    knobImage.setResource(images.slider());
    Element knobElement = knobImage.getElement();
    DOM.appendChild(getElement(), knobElement);
    DOM.setStyleAttribute(knobElement, "position", "absolute");
    DOM.setElementProperty(knobElement, "className", "gwt-SliderBar-knob");

    sinkEvents(Event.MOUSEEVENTS | Event.KEYEVENTS | Event.FOCUSEVENTS);

    // workaround to render properly when parent Widget does not
    // implement ProvidesResize since DOM doesn't provide element
    // height and width until onModuleLoad() finishes.
    Scheduler.get().scheduleDeferred(new ScheduledCommand() {
        @Override
        public void execute() {
            onResize();
        }
    });
}

From source file:at.ac.fhcampuswien.atom.client.gui.attributes.components.slider.SliderBar.java

License:Apache License

/**
 * Draw the labels along the line./*w ww  .j a  v  a 2 s.com*/
 */
private void drawLabels() {
    // Abort if not attached
    if (!isAttached()) {
        return;
    }

    // Draw the labels
    int lineWidth = lineElement.getOffsetWidth();
    if (numLabels > 0) {
        // Create the labels or make them visible
        for (int i = 0; i <= numLabels; i++) {
            Element label = null;
            if (i < labelElements.size()) {
                label = labelElements.get(i);
            } else { // Create the new label
                label = DOM.createDiv();
                DOM.setStyleAttribute(label, "position", "absolute");
                DOM.setStyleAttribute(label, "display", "none");
                if (enabled) {
                    DOM.setElementProperty(label, "className", "gwt-SliderBar-label");
                } else {
                    DOM.setElementProperty(label, "className", "gwt-SliderBar-label-disabled");
                }
                DOM.appendChild(getElement(), label);
                labelElements.add(label);
            }

            // Set the label text
            double value = minValue + (getTotalRange() * i / numLabels);
            DOM.setStyleAttribute(label, "visibility", "hidden");
            DOM.setStyleAttribute(label, "display", "");
            DOM.setElementProperty(label, "innerHTML", formatLabel(value));

            // Move to the left so the label width is not clipped by the
            // shell
            DOM.setStyleAttribute(label, "left", "0px");

            // Position the label and make it visible
            int labelWidth = label.getOffsetWidth();
            int labelLeftOffset = lineLeftOffset + (lineWidth * i / numLabels) - (labelWidth / 2);
            labelLeftOffset = Math.min(labelLeftOffset, lineLeftOffset + lineWidth - labelWidth);
            labelLeftOffset = Math.max(labelLeftOffset, lineLeftOffset);
            DOM.setStyleAttribute(label, "left", labelLeftOffset + "px");
            DOM.setStyleAttribute(label, "visibility", "visible");
        }

        // Hide unused labels
        for (int i = (numLabels + 1); i < labelElements.size(); i++) {
            DOM.setStyleAttribute(labelElements.get(i), "display", "none");
        }
    } else { // Hide all labels
        for (Element elem : labelElements) {
            DOM.setStyleAttribute(elem, "display", "none");
        }
    }
}

From source file:at.ac.fhcampuswien.atom.client.gui.attributes.components.slider.SliderBar.java

License:Apache License

/**
 * Draw the tick along the line./*from ww w. ja v a 2 s . c  o m*/
 */
private void drawTicks() {
    // Abort if not attached
    if (!isAttached()) {
        return;
    }

    // Draw the ticks
    int lineWidth = lineElement.getOffsetWidth();
    if (numTicks > 0) {
        // Create the ticks or make them visible
        for (int i = 0; i <= numTicks; i++) {
            Element tick = null;
            if (i < tickElements.size()) {
                tick = tickElements.get(i);
            } else { // Create the new tick
                tick = DOM.createDiv();
                DOM.setStyleAttribute(tick, "position", "absolute");
                DOM.setStyleAttribute(tick, "display", "none");
                DOM.appendChild(getElement(), tick);
                tickElements.add(tick);
            }
            if (enabled) {
                DOM.setElementProperty(tick, "className", "gwt-SliderBar-tick");
            } else {
                DOM.setElementProperty(tick, "className", "gwt-SliderBar-tick gwt-SliderBar-tick-disabled");
            }
            // Position the tick and make it visible
            DOM.setStyleAttribute(tick, "visibility", "hidden");
            DOM.setStyleAttribute(tick, "display", "");
            int tickWidth = tick.getOffsetWidth();
            int tickLeftOffset = lineLeftOffset + (lineWidth * i / numTicks) - (tickWidth / 2);
            tickLeftOffset = Math.min(tickLeftOffset, lineLeftOffset + lineWidth - tickWidth);
            DOM.setStyleAttribute(tick, "left", tickLeftOffset + "px");
            DOM.setStyleAttribute(tick, "visibility", "visible");
        }

        // Hide unused ticks
        for (int i = (numTicks + 1); i < tickElements.size(); i++) {
            DOM.setStyleAttribute(tickElements.get(i), "display", "none");
        }
    } else { // Hide all ticks
        for (Element elem : tickElements) {
            DOM.setStyleAttribute(elem, "display", "none");
        }
    }
}