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

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

Introduction

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

Prototype

public static Element createTable() 

Source Link

Document

Creates an HTML TABLE element.

Usage

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

License:Apache License

public void onModuleLoad() {
    m_textArea.setVisibleLines(20);/*from   w  ww .j  a  va2  s  . co  m*/
    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:cc.alcina.framework.gwt.client.widget.dialog.DecoratorPanel.java

License:Apache License

/**
 * Creates a new panel using the specified style names to apply to each row.
 * Each row will contain three cells (Left, Center, and Right). The Center
 * cell in the containerIndex row will contain the {@link Widget}.
 * /*from w ww  .  ja  v  a  2s  .c  o m*/
 * @param rowStyles
 *            an array of style names to apply to each row
 * @param containerIndex
 *            the index of the container row
 */
DecoratorPanel(String[] rowStyles, int containerIndex) {
    super(DOM.createTable());
    // Add a tbody
    Element table = getElement();
    tbody = DOM.createTBody();
    DOM.appendChild(table, tbody);
    DOM.setElementPropertyInt(table, "cellSpacing", 0);
    DOM.setElementPropertyInt(table, "cellPadding", 0);
    // Add each row
    for (int i = 0; i < rowStyles.length; i++) {
        Element row = createTR(rowStyles[i]);
        DOM.appendChild(tbody, row);
        if (i == containerIndex) {
            containerElem = DOM.getFirstChild(DOM.getChild(row, 1));
        }
    }
    // Set the overall style name
    setStyleName(DEFAULT_STYLENAME);
}

From source file:com.anzsoft.client.ui.ChatWindow.java

License:Open Source License

private DivElement createMessage(final String user, final String message, boolean local) {
    Element element = DOM.createDiv();
    DivElement messageDiv = DivElement.as(element);
    lastMsgID = DOM.createUniqueId();//from   w ww  .  j  a  v  a  2  s  . c  o m
    messageDiv.setId(lastMsgID);
    messageDiv.setClassName("selected-article");

    //create the avatar table
    element = DOM.createTable();
    TableElement avatarTable = TableElement.as(element);
    messageDiv.appendChild(avatarTable);
    avatarTable.setAttribute("hspace", "4");
    avatarTable.setAttribute("cellspacing", "0");
    avatarTable.setAttribute("vspace", "2");
    avatarTable.setAttribute("border", "0");
    avatarTable.setAttribute("align", "left");

    Element tbodyElement = DOM.createTBody();
    avatarTable.appendChild(tbodyElement);

    Element trElement = DOM.createTR();
    tbodyElement.appendChild(trElement);

    Element tdElement = DOM.createTD();
    trElement.appendChild(tdElement);
    tdElement.setAttribute("height", "45");
    tdElement.setAttribute("width", "45");
    tdElement.setAttribute("align", "middle");
    Style style = tdElement.getStyle();
    style.setProperty("border", "1px solid black");
    style.setProperty("background-color", "white");

    Element imgElement = DOM.createImg();
    ImageElement imageElement = ImageElement.as(imgElement);
    tdElement.appendChild(imageElement);
    imageElement.setAttribute("height", "45");
    imageElement.setAttribute("widht", "45");
    XmppVCard vc = null;
    if (local)
        vc = JabberApp.instance().getSelfVCard();
    else
        vc = vcard;
    if (!GXT.isIE && vc != null && !vc.photo().isEmpty())
        imageElement.setSrc("data:image;base64," + vc.photo());
    else
        imageElement.setSrc(JabberApp.instance().getAvatarUrl(jid));

    tdElement = DOM.createTD();
    tdElement.setInnerHTML("&nbsp&nbsp");
    trElement.appendChild(tdElement);

    //create the div for timestamp and nick
    element = DOM.createDiv();
    DivElement tnDiv = DivElement.as(element);
    tnDiv.setClassName("msg_header");
    messageDiv.appendChild(tnDiv);
    //style = tnDiv.getStyle();
    //style.setProperty("border-bottom", "1px solid black");

    element = DOM.createTable();
    TableElement tnTableElement = TableElement.as(element);
    tnDiv.appendChild(tnTableElement);
    tnTableElement.setAttribute("cellspacing", "0");
    tnTableElement.setAttribute("cellpadding", "0");
    tnTableElement.setAttribute("width", "80%");
    tnTableElement.setAttribute("border", "0");

    tbodyElement = DOM.createTBody();
    tnTableElement.appendChild(tbodyElement);

    trElement = DOM.createTR();
    tbodyElement.appendChild(trElement);

    Element nickElement = DOM.createTD();
    trElement.appendChild(nickElement);
    nickElement.setClassName("msg-nick");
    nickElement.setAttribute("valign", "bottom");
    nickElement.setAttribute("align", "left");
    nickElement.setInnerHTML("<b>" + user + "</b>");

    Element timeElement = DOM.createTD();
    trElement.appendChild(timeElement);
    timeElement.setClassName("msg-nick");
    timeElement.setAttribute("valign", "bottom");
    timeElement.setAttribute("align", "right");
    DateTimeFormat timeFormat = DateTimeFormat.getMediumTimeFormat();
    String datetime = timeFormat.format(new java.util.Date());
    timeElement.setInnerHTML("<small>" + datetime + "</small>");

    Element messageElement = DOM.createSpan();
    messageElement.setInnerHTML(ChatTextFormatter.format(message == null ? "" : message).getHTML());

    messageDiv.appendChild(messageElement);
    return messageDiv;
}

From source file:com.conx.logistics.kernel.ui.common.gwt.client.ui.VConXQuickLaunchMenu.java

License:Apache License

/**
 * Creates an empty menu bar.//  ww w . jav  a2s.  co  m
 * 
 * @param vertical
 *            <code>true</code> to orient the menu bar vertically
 */
public VConXQuickLaunchMenu(boolean vertical) {
    super();

    final Element table = DOM.createTable();
    body = DOM.createTBody();
    DOM.appendChild(table, body);

    if (!vertical) {
        final Element tr = DOM.createTR();
        DOM.appendChild(body, tr);
    }

    this.vertical = vertical;

    final Element outer = DOM.createDiv();
    DOM.appendChild(outer, table);
    setElement(outer);

    sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT);
    setStyleName("gwt-MenuBar");
}

From source file:com.extjs.gxt.ui.client.widget.layout.TableLayout.java

License:sencha.com license

@Override
protected void onLayout(Container<?> container, El target) {
    currentColumn = 0;/*from  w  w w  . ja  v  a 2 s  . c  o m*/
    currentRow = 0;
    cells = null;
    target.removeChildren();

    table = DOM.createTable().cast();
    if (container.getFocusSupport().isIgnore()) {
        Accessibility.setRole((Element) table.cast(), "presentation");
    }

    if (tableStyle != null) {
        El.fly((Element) table.cast()).applyStyles(tableStyle);
    }

    if (cellSpacing != -1) {
        table.setCellSpacing(cellSpacing);
    }

    if (border > 0) {
        table.setBorder(border);
    }

    if (width != null) {
        table.setWidth(width);
    }

    if (height != null) {
        table.setAttribute("height", height);
    }

    tbody = DOM.createTBody();

    table.appendChild(tbody);
    target.dom.appendChild(table);

    renderAll(container, target);
}

From source file:com.extjs.gxt.ui.client.widget.layout.TableRowLayout.java

License:sencha.com license

@Override
protected void onLayout(Container<?> container, El target) {
    currentColumn = 0;/*from w w w  .  j  a va2 s .  c  om*/
    currentRow = 0;

    target.removeChildren();

    table = DOM.createTable().cast();
    table.setAttribute("role", "presentation");

    if (getTableStyle() != null) {
        fly(table).applyStyles(getTableStyle());
    }

    if (getCellPadding() != -1) {
        table.setCellPadding(getCellPadding());
    }
    if (cellSpacing != -1) {
        table.setCellSpacing(cellSpacing);
    }

    if (getBorder() > 0) {
        table.setBorder(getBorder());
    }

    if (getWidth() != null) {
        table.setWidth(getWidth());
    }

    if (getHeight() != null) {
        table.setAttribute("height", getHeight());
    }

    tbody = DOM.createTBody();
    table.appendChild(tbody);

    row = DOM.createTR();
    row.setAttribute("role", "presentation");
    DOM.appendChild(tbody, row);

    if (getInsertSpacer()) {
        Element td = DOM.createTD();
        td.setAttribute("role", "presentation");
        fly(td).setWidth("100%");
        DOM.appendChild(row, td);
    }

    target.dom.appendChild(table);
    renderAll(container, target);

    table.getFirstChildElement().setAttribute("role", "presentation");
}

From source file:com.haulmont.cuba.web.toolkit.ui.client.aggregation.TableAggregationRow.java

License:Apache License

public void updateFromUIDL(UIDL uidl) {
    if (getElement().hasChildNodes()) {
        getElement().removeAllChildren();
    }/*w w w . j  a v a 2  s .co m*/

    aligns = tableWidget.getHead().getColumnAlignments();

    if (uidl.getChildCount() > 0) {
        final Element table = DOM.createTable();
        table.setAttribute("cellpadding", "0");
        table.setAttribute("cellspacing", "0");

        final Element tBody = DOM.createTBody();
        tr = DOM.createTR();

        tr.setClassName(tableWidget.getStylePrimaryName() + "-arow-row");

        addCellsFromUIDL(uidl);

        tBody.appendChild(tr);
        table.appendChild(tBody);
        getElement().appendChild(table);
    }

    initialized = getElement().hasChildNodes();
}

From source file:com.ritchey.client.view.CellPanel.java

License:Apache License

public CellPanel() {
    table = DOM.createTable();
    body = DOM.createTBody();
    DOM.appendChild(table, body);
    setElement(table);
}

From source file:com.square.client.gwt.client.composant.onglet.scroll.ExtendedPanel.java

License:Open Source License

/**
 * Creates a new panel using the specified style names to apply to each row. Each row will contain three cells (Left, Center, and Right). The Center cell in
 * the containerIndex row will contain the {@link Widget}.
 * @param rowStyles an array of style names to apply to each row
 * @param containerIndex the index of the container row
 *//*www.jav a  2s .c  o  m*/
ExtendedPanel(String[] rowStyles, int containerIndex) {
    super(DOM.createTable());

    // Add a tbody
    final Element table = getElement();
    tbody = DOM.createTBody();
    DOM.appendChild(table, tbody);
    DOM.setElementPropertyInt(table, "cellSpacing", 0);
    DOM.setElementPropertyInt(table, "cellPadding", 0);

    // Add each row
    for (int i = 0; i < rowStyles.length; i++) {
        final Element row = createTR(rowStyles[i]);
        DOM.appendChild(tbody, row);
        if (i == containerIndex) {
            containerElem = DOM.getFirstChild(DOM.getChild(row, 1));
        }
    }

    // Set the overall style name
    setStyleName(DEFAULT_STYLENAME);
}

From source file:com.vaadin.client.ui.menubar.MenuBar.java

License:Apache License

/**
 * Creates an empty menu bar.// w w w .  j a v  a 2 s.c o m
 * 
 * @param vertical
 *            <code>true</code> to orient the menu bar vertically
 */
public MenuBar(boolean vertical) {
    super();

    table = DOM.createTable();
    body = DOM.createTBody();
    DOM.appendChild(table, body);

    if (!vertical) {
        final Element tr = DOM.createTR();
        DOM.appendChild(body, tr);
    }

    this.vertical = vertical;

    outer = DOM.createDiv();
    DOM.appendChild(outer, table);
    setElement(outer);

    sinkEvents(Event.ONCLICK | Event.ONMOUSEOVER | Event.ONMOUSEOUT);
    setStyleName("gwt-MenuBar");
}