Java tutorial
/* * Ext GWT - Ext for GWT * Copyright(c) 2007-2009, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ package com.extjs.gxt.ui.client.widget.treetable; import com.extjs.gxt.ui.client.Style.HorizontalAlignment; import com.extjs.gxt.ui.client.core.El; import com.extjs.gxt.ui.client.event.BaseEvent; import com.extjs.gxt.ui.client.event.TreeEvent; import com.extjs.gxt.ui.client.util.Markup; import com.extjs.gxt.ui.client.widget.table.TableColumnModel; import com.extjs.gxt.ui.client.widget.tree.DefaultTreeItemUI; import com.extjs.gxt.ui.client.widget.treegrid.TreeGrid; import com.google.gwt.user.client.DOM; import com.google.gwt.user.client.Element; import com.google.gwt.user.client.Event; /** * @deprecated see @link {@link TreeGrid} */ public class TreeTableItemUI extends DefaultTreeItemUI { boolean hovering; private Element tableItemEl; private Element rowTableEl; private Element rowTrEl; private Element[] cells; public TreeTableItemUI(TreeTableItem item) { bind(item); styleTreeOver = "my-treetbl-over"; styleTreeChecked = "my-treetbl-checked"; styleTreeNotChecked = "my-treetbl-notchecked"; styleTreeLoading = "my-treetbl-loading"; classTreeOpen = "my-treetbl-open"; classTreeClose = "my-treetbl-close"; } public TreeTableItem getTreeTableItem() { return (TreeTableItem) item; } @Override public void handleEvent(TreeEvent e) { TreeTableItem item = (TreeTableItem) e.getItem(); Element target = e.getTarget(); int type = e.getEventTypeInt(); switch (type) { case Event.ONMOUSEOVER: case Event.ONMOUSEOUT: handleMouseEvent(e); break; case Event.ONCLICK: case Event.ONDBLCLICK: if (DOM.isOrHasChild(checkEl, target)) { e.stopEvent(); item.setChecked(!item.isChecked()); } else { handleClickEvent(e); } return; } } @Override public boolean isSelectableTarget(Element target) { if (DOM.isOrHasChild(jointEl, target)) { return false; } return true; } public void onMouseOut(BaseEvent be) { if (!item.isRoot()) { El.fly(tableItemEl).removeStyleName("my-treetbl-item-over"); } } public void onMouseOver(BaseEvent be) { if (!item.isRoot()) { El.fly(tableItemEl).addStyleName("my-treetbl-item-over"); } } @Override public void onSelectedChange(boolean selected) { if (item.isRendered()) { El.fly(tableItemEl).setStyleName("my-treetbl-item-sel", selected); if (!selected) { onMouseOut(null); } } } @Override public void onTextChange(String text) { if (!item.isRoot()) { textSpanEl.setInnerHTML(text); } } public void render(Element target, int index) { if (item.isRoot() == true) { return; } item.setTreeTableElement(DOM.createDiv()); item.setStyleName("my-treeitem x-tree-item"); DOM.insertChild(target, item.getElement(), index); TableColumnModel cm = getTreeTableItem().getTreeTable().getColumnModel(); DOM.setInnerHTML(item.getElement(), Markup.TREETABLE_ITEM); tableItemEl = item.el().firstChild().dom; rowTableEl = DOM.getFirstChild(tableItemEl); rowTrEl = fly(rowTableEl).getSubChild(2); updateCellValues(0, DOM.getFirstChild(rowTrEl), cm.getColumn(0).getAlignment()); itemEl = fly(rowTrEl).getSubChild(4); Element td = fly(itemEl).subChild(3).dom; indentEl = DOM.getFirstChild(td); jointEl = DOM.getNextSibling(td); jointDivEl = DOM.getFirstChild(jointEl); checkEl = DOM.getNextSibling(DOM.getNextSibling(jointEl)); checkDivEl = DOM.getFirstChild(checkEl); iconEl = DOM.getNextSibling(checkEl); iconDivEl = DOM.getFirstChild(iconEl); textEl = DOM.getNextSibling(iconEl); textSpanEl = DOM.getFirstChild(textEl); Element tbl = DOM.getFirstChild(item.getElement()); containerEl = new El(DOM.getNextSibling(tbl)); int numColumns = cm.getColumnCount(); cells = new Element[numColumns]; for (int i = 1; i < numColumns; i++) { cells[i] = DOM.createTD(); DOM.appendChild(rowTrEl, cells[i]); DOM.setElementProperty(cells[i], "className", "my-treetbl-cell"); DOM.setElementAttribute(cells[i], "index", String.valueOf(i)); Element overflowDiv = DOM.createDiv(); DOM.setElementProperty(overflowDiv, "className", "my-treetbl-cell-overflow"); DOM.appendChild(cells[i], overflowDiv); Element textDiv = DOM.createDiv(); String textStyle = "my-treetbl-cell-text"; if (((TreeTableItem) item).getCellStyle(i) != null) { textStyle += " " + ((TreeTableItem) item).getCellStyle(i); } DOM.setElementProperty(textDiv, "className", textStyle); DOM.appendChild(overflowDiv, textDiv); updateCellValues(i, cells[i], cm.getColumn(i).getAlignment()); } boolean checkable = getTreeTableItem().getTreeTable().getCheckable(); El.fly(checkEl).setVisible(checkable); onValuesChanged(getTreeTableItem().getTreeTable(), getTreeTableItem().getRenderedValues()); item.updateIconStyle(); item.updateJointStyle(); if (item.isChecked()) { onCheckChange(true); } El.fly(indentEl).setWidth(item.getIndent()); item.updateJointStyle(); item.disableTextSelection(true); } public void setContainer(Element container) { containerEl = new El(container); } protected Element getTextCellElement(int column) { if (column == 0) { return textSpanEl; } else { return El.fly(cells[column]).getSubChild(2); } } @Override protected void handleMouseEvent(TreeEvent ce) { if (ce.getEvent().getTypeInt() == Event.ONMOUSEOVER) { if (!hovering) { hovering = true; onMouseOver(ce); } } else { hovering = false; onMouseOut(ce); } } protected void onValuesChanged(TreeTable table, String[] values) { onTextChange(values[0] != null ? values[0] : item.getText()); for (int i = 1; i < cells.length; i++) { updateText(i, values[i]); } } protected void updateCellValues(int col, Element cell, HorizontalAlignment align) { String salign = "left"; if (align == HorizontalAlignment.CENTER) { salign = "center"; } else if (align == HorizontalAlignment.RIGHT) { salign = "right"; } String widthClassName = ((TreeTableItem) item).treeTable.getId() + "-col-" + col; String className = cell.getClassName(); className = (className == null) ? widthClassName : className + " " + widthClassName; cell.setClassName(className); className = DOM.getElementProperty(DOM.getFirstChild(cell), "className"); className = (className == null) ? widthClassName : className + " " + widthClassName; DOM.setElementProperty(DOM.getFirstChild(cell), "className", className); El.fly(cell).subChild(2).setStyleAttribute("textAlign", salign); } protected void updateText(int column, String value) { Element textElem = getTextCellElement(column); if (textElem != null) { textElem.setInnerHTML(value); } } }