Examples of com.extjs.gxt.ui.client.widget.table.Table

Package com.extjs.gxt.ui.client.widget.table

Examples of com.extjs.gxt.ui.client.widget.table.Table

com.extjs.gxt.ui.client.widget.table.Table
The table is used to display two-dimensional table of cells.
When using custom cell renderers or nested widgets within cells it may be nesseccary to increase the cell selector depth to account for the new nested elements within each cell. For example, if nesting a table structure in a cell, the selector depth should be increased to at least a value of 10 (@see {@link TableView#setCellSelectorDepth(int)}.
Events:
BeforeAdd : TableEvent(table, item, rowIndex)

Fires before a item is added or inserted. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- table : this
- item : the item being added
- rowIndex : the index at which the item will be added
BeforeRemove : TableEvent(table, item, rowIndex)

Fires before a item is removed. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- table : this
- item : the item being removed
- rowIndex : the index of the removed item
Add : TableEvent(table, item, rowIndex)

Fires after a item has been added or inserted.
- table : this
- item : the item that was added
- rowIndex : the index at which the item will be added
Remove : TableEvent(table, item, rowIndex)

Fires after a item has been removed.
- table : this
- item : the item that was removed
- rowIndex : the index of the item that was removed
SelectionChange : TableEvent(table this)

Fired after the selection has changed
- table : this
ContextMenu : TableEvent(table)

Fires before the tables context menu is shown. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- table : this
CellClick : TableEvent(table, rowIndex, cellIndex, event)

Fires after a cell is clicked.
- table : this
- rowIndex : row index
- cellIndex : cell index
- event : the dom event
CellDoubleClick : TableEvent(table, rowIndex, cellIndex, event)

Fires after a cell is double clicked.
- table : this
- rowIndex : row index
- cellIndex : cell index
- event : the dom event
ColumnClick : TableEvent(table, columnIndex)

Fires after a column is clicked.
- table : this
- columnIndex : the column index
RowClick : TableEvent(table, rowIndex, cell index, event)

Fires after a row is clicked.
- table : this
- rowIndex : the row index
- index : the cell index
- event : the dom event
RowDoubleClick : TableEvent(table, rowIndex, cellIndex, event)

Fires after a row is double clicked.
- table : this
- rowIndex : the row index
- index : the cell index
- event : the dom event
SortChange : TableEvent(table, colIndex, sortDir)

Fires before the table is sorted. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- table : this
- colIndex : the column index
- sortDir : the sort direction
BeforeSelect : TableEvent(table, item)

Fires before a item is selected. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- table : this
- item : the selected item
SelectionChange : TableEvent(table, selected)

Fires after a item has been removed.
- table : this
- selected : the selected items
KeyPress : TableEvent(table)

Fires before the table is sorted. Listeners can cancel the action by calling {@link BaseEvent#setCancelled(boolean)}.
- table : this
HeaderContextMenu : TableEvent(table, colIndex, menu)

Fires right before the header's context menu is displayed.
- table : this
- colIndex : the column index
- menu : the context menu
Inherited Events:

BoxComponent Move

BoxComponent Resize

Component Enable

Component Disable

Component BeforeHide

Component Hide

Component BeforeShow

Component Show

Component Attach

Component Detach

Component BeforeRender

Component Render

Component BrowserEvent

Component BeforeStateRestore

Component StateRestore

Component BeforeStateSave

Component SaveState

CSS:

.my-tbl-col-[column id] { each column }

.my-tbl-td-[column index] { cell td }

.my-tbl-td-inner-[column index] { cell inner element }

.my-tbl-td-cell-[column index] { cell text element }

@see TableColumn @see TableColumnModel @deprecated see {@link Grid}

    col.setMaxWidth(400);
    columns.add(col);


    TableColumnModel cm = new TableColumnModel(columns);


    membersTable = new Table(cm);
    membersTable.setSelectionMode(SelectionMode.SINGLE);
    membersTable.setHorizontalScroll(true);
    // disable to allow CheckBox widget!
    membersTable.setBulkRender(false);
    membersTable.setAutoHeight(true);

View Full Code Here

    col.setAlignment(HorizontalAlignment.LEFT);
    columns.add(col);


    TableColumnModel cm = new TableColumnModel(columns);


    rolesTable = new Table(cm);
    rolesTable.setSelectionMode(SelectionMode.MULTI);
    rolesTable.setHorizontalScroll(true);
    rolesTable.setBulkRender(false);
    rolesTable.setAutoHeight(true);

View Full Code Here

    col.setAlignment(HorizontalAlignment.LEFT);
    columns.add(col);


    TableColumnModel cm = new TableColumnModel(columns);


    rolesTable = new Table(cm);
    rolesTable.setSelectionMode(SelectionMode.MULTI);
    rolesTable.setHorizontalScroll(true);
    rolesTable.setBulkRender(false);
    rolesTable.setAutoHeight(true);

View Full Code Here

    col.setAlignment(HorizontalAlignment.LEFT);
    columns.add(col);


    TableColumnModel cm = new TableColumnModel(columns);


    rightsTable = new Table(cm);
    rightsTable.setSelectionMode(SelectionMode.SINGLE);
    rightsTable.setHorizontalScroll(true);
    // disable to allow Checkbox widget!
    rightsTable.setBulkRender(false);
    rightsTable.setAutoHeight(true);

View Full Code Here

    col.setAlignment(HorizontalAlignment.LEFT);
    
    columns.add(col);  
    TableColumnModel cm = new TableColumnModel(columns);


    groupTable = new Table(cm);
    groupTable.setSelectionMode(SelectionMode.SINGLE);
    groupTable.setHorizontalScroll(true);
    groupTable.setAutoHeight(true);
    // disable to allow CheckBox widget!
    groupTable.setBulkRender(false);

View Full Code Here

    col.setMaxWidth(400);
    columns.add(col);


    TableColumnModel cm = new TableColumnModel(columns);


    accountTable = new Table(cm);
    accountTable.setHorizontalScroll(true);
    accountTable.setAutoHeight(true);
//    accountTable.setBulkRender(false);


    add(accountTable);

View Full Code Here

    col.setAlignment(HorizontalAlignment.LEFT);
    columns.add(col);


    TableColumnModel cm = new TableColumnModel(columns);


    elementTable = new Table(cm);
    elementTable.setSelectionMode(SelectionMode.MULTI);
    elementTable.setHorizontalScroll(true);
    elementTable.setDeferHeight(true);
    // disable to allow CheckBox widget!
    elementTable.setBulkRender(false);

View Full Code Here

TOP

Related Classes of com.extjs.gxt.ui.client.widget.table.Table

com.extjs.gxt.ui.client.event.TableEvent

com.extjs.gxt.ui.client.util.KeyNav

com.extjs.gxt.ui.client.util.Size

com.google.gwt.user.client.Element

com.tensegrity.wpalo.client.ui.mvc.admin.AccountTab

com.tensegrity.wpalo.client.ui.mvc.admin.GroupMembersTab

com.tensegrity.wpalo.client.ui.mvc.admin.GroupRolesTab

com.tensegrity.wpalo.client.ui.mvc.admin.GroupTab

com.tensegrity.wpalo.client.ui.mvc.admin.RoleRightsTab

com.tensegrity.wpalo.client.ui.mvc.admin.RolesTab

All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.