Examples of com.gwtext.client.widgets.grid.GridPanel

com.gwtext.client.widgets.grid.GridPanel
A Grid widget.

Common Problems:
- Grid does not resize properly when going smaller: Setting overflow hidden on the container element will correct this
- If you get el.style[camel]= NaNpx or -2px or something related, be certain you have given your container element dimensions. The grid adapts to your container's size, if your container has no size defined then the results are unpredictable.
- Do not render the grid into an element with display:none. Try using visibility:hidden. Otherwise there is no way for the grid to calculate dimensions/offsets.
CSS can be used to style or customize the behaviour of headers an cells.
For example, use this to wrap all cell contents globally
```
 .x-grid3-cell-inner { overflow: visible; white-space: normal !important; } 
```
To wrap cell contents on a certain table only, set an ID to the Grid panel (say company-grid) and then use the CSS
```
 #company-grid  .x-grid3-cell-inner { overflow: visible; white-space: normal !important; } 
```
To wrap long header titles For all grids
```
 .x-grid3-hd-inner  { overflow: visible; white-space: normal; } 
```
For specific grid
```
 #company-grid .x-grid3-hd-inner  { overflow: visible; white-space: normal; } 
```
For specific column
```
 .x-grid3-hd-company { overflow: visible; white-space: normal !important; } 
```
@author Sanjiv Jivan

        } else if (xtype.equalsIgnoreCase("editorgrid")) {
            return new EditorGridPanel(jsObj);
        } else if (xtype.equalsIgnoreCase("propertygrid")) {
            return new PropertyGridPanel(jsObj);
        } else if (xtype.equalsIgnoreCase("grid")) {
            return new GridPanel(jsObj);
        } else if (xtype.equalsIgnoreCase("paging")) {
            return new PagingToolbar(jsObj);
        } else if (xtype.equalsIgnoreCase("button")) {
            return new Button(jsObj);
        } else if (xtype.equalsIgnoreCase("panel")) {

View Full Code Here

        } else if (xtype.equalsIgnoreCase("editorgrid")) {
            return new EditorGridPanel(jsObj);
        } else if (xtype.equalsIgnoreCase("propertygrid")) {
            return new PropertyGridPanel(jsObj);
        } else if (xtype.equalsIgnoreCase("grid")) {
            return new GridPanel(jsObj);
        } else if (xtype.equalsIgnoreCase("paging")) {
            return new PagingToolbar(jsObj);
        } else if (xtype.equalsIgnoreCase("button")) {
            return new Button(jsObj);
        } else if (xtype.equalsIgnoreCase("panel")) {

View Full Code Here


            }
        }} );


        //Grid g = new Grid(Ext.generateId(), "600px", "300px", store, cm);
        GridPanel g = new GridPanel( store,
                                     cm );
        g.setWidth( 600 );
        g.setHeight( 300 );


        g.addGridRowListener( new GridRowListenerAdapter() {
            public void onRowDblClick(GridPanel grid,
                                      int rowIndex,
                                      EventObject e) {
                if ( !grid.getSelectionModel().getSelected().getAsString( "assetFormat" ).equals( "Package" ) ) { //NON-NLS
                    String uuid = grid.getSelectionModel().getSelected().getAsString( "uuid" ); //NON-NLS

View Full Code Here

                setDataIndex( "right" ); //NON-NLS
                setWidth( 200 );
            }
        }} );


        final GridPanel g = new GridPanel( store,
                                           cm );


        g.addGridRowListener( new GridRowListenerAdapter() {
            public void onRowDblClick(GridPanel grid,
                                      int rowIndex,
                                      EventObject e) {
                String uuid = grid.getSelectionModel().getSelected().getAsString( "uuid" ); //NON-NLS
                centerPanel.openAsset( uuid );
            }
        } );


        g.setWidth( 800 );
        g.setHeight( 600 );


        return g;
    }

View Full Code Here

          }
        }


      });


    grid = new GridPanel();
    grid.setColumnModel(cm);
    grid.setStore(store);
    grid.setWidth(550);
    grid.setHeight(600);

View Full Code Here

              }
            });
          }
        } });


    final GridPanel g = new GridPanel(store,cm);
    g.setWidth(800);
    g.setHeight(600);


    Toolbar tb = new Toolbar();
    g.setTopToolbar(tb);


    tb.addItem(new ToolbarTextItem(
                constants.ShowRecentLogTip()));
    tb.addItem(new ToolbarSeparator());

View Full Code Here

                                 MemoryProxy proxy = new MemoryProxy( gridData );
                                 ArrayReader reader = new ArrayReader( rd );
                                 store = new Store( proxy,
                                                    reader );
                                 //currentGrid = new Grid(Ext.generateId(), "600px", "600px", store, cm);
                                 currentGrid = new GridPanel( store,
                                                              cm );
                                 currentGrid.setWidth( 600 );
                                 currentGrid.setHeight( 600 );


                                 Toolbar tb = new Toolbar();

View Full Code Here

             }    
         });


        store.load();


        final GridPanel grid = new GridPanel( store,
                                              cm );
        grid.setStripeRows( true );


        grid.addGridColumnListener( new GridColumnListener() {
            public void onColumnMove(GridPanel grid,
                                     int oldIndex,
                                     int newIndex) {


                if ( DecisionTableHandler.validateMove( dt,
                                                        oldIndex,
                                                        newIndex ) ) {


                    // Save any changes to the dt.data.
                    scrapeData( -1 );


                    DecisionTableHandler.moveColumn( dt,
                                                     oldIndex,
                                                     newIndex );


                    grid = doGrid();


                } else {
                    // Refresh undoes the move.
                    refreshGrid();
                    ErrorPopup.showMessage( constants.CanNotMoveColumnsFromOneTypeGroupToAnother() );
                }
            }


            public void onColumnResize(GridPanel grid,
                                       int colIndex,
                                       int newSize) {
                // Nothing
            }
        } );


        GroupingView gv = new GroupingView();


        //to stretch it out
        gv.setForceFit( true );
        gv.setGroupTextTpl( "{text} ({[values.rs.length]} {[values.rs.length > 1 ? \"" //NON-NLS
                            + constants.Items() + "\" : \"" + constants.Item() + "\"]})" );


        grid.setView( gv );


        grid.setStore( store );


        int width = 900;
        if ( cm.getColumnCount() > 10 ) {
            width = 900 + (90 * (cm.getColumnCount() - 10));
        }
        grid.setWidth( width );
        grid.setHeight( 500 );


        //Add the cell listener for when the user wants to edit.
        grid.addGridCellListener( new GridCellListenerAdapter() {
            public void onCellDblClick(GridPanel grid,
                                       int rowIndex,
                                       int colIndex,
                                       EventObject e) {


                final String dataIdx = grid.getColumnModel().getDataIndex( colIndex );
                final Record r = store.getAt( rowIndex );
                String val = r.getAsString( dataIdx );
                DTColumnConfig colConf = colMap.get( dataIdx );
                String[] vals = dt.getValueList( colConf,
                                                 getSCE() );
                if ( vals.length == 0 ) {
                    showTextEditor( e,
                                    dataIdx,
                                    r,
                                    val,
                                    colConf );
                } else {
                    showDropDownEditor( e,
                                        dataIdx,
                                        r,
                                        val,
                                        vals );
                }
            }


        } );


        //remember any size changes
        grid.addGridColumnListener( new GridColumnListenerAdapter() {
            public void onColumnResize(GridPanel grid,
                                       int colIndex,
                                       int newSize) {
                final String dta = grid.getColumnModel().getDataIndex( colIndex );
                if ( dta.equals( "desc" ) ) { //NON-NLS
                    dt.descriptionWidth = newSize;
                } else {
                    if ( colMap.containsKey( dta ) ) {
                        DTColumnConfig col = colMap.get( dta );
                        col.width = newSize;
                    }
                }
            }
        } );


        Toolbar tb = new Toolbar();
        Menu menu = new Menu();
        menu.addItem( new Item( constants.AddRow(),
                                new BaseItemListenerAdapter() {
                                    public void onClick(BaseItem item,
                                                        EventObject e) {
                                        Record r = recordDef.createRecord( new Object[recordDef.getFields().length] );
                                        r.set( "num",
                                               store.getRecords().length + 1 ); //NON-NLS


                                        store.add( r );
                                    }
                                } ) );


        menu.addItem( new Item( constants.AddRowBeforeSelectedRow(),
                                new BaseItemListenerAdapter() {
                                    public void onClick(BaseItem item,
                                                        EventObject e) {


                                        Record[] selectedRows = grid.getSelectionModel().getSelections();
                                        if ( selectedRows.length == 1 ) {
                                            int selected = selectedRows[0].getAsInteger( "num" );


                                            Record newRecord = recordDef.createRecord( new Object[recordDef.getFields().length] );


                                            Record[] records = store.getRecords();


                                            for ( int i = 0; i < records.length; i++ ) {
                                                Record temp = records[i];
                                                int num = temp.getAsInteger( "num" );
                                                if ( num == selected ) {
                                                    newRecord.set( "num",
                                                                   num ); //NON-NLS
                                                    temp.set( "num",
                                                              num + 1 ); //NON-NLS


                                                    store.addSorted( newRecord );


                                                } else if ( num > selected ) {
                                                    temp.set( "num",
                                                              num + 1 ); //NON-NLS
                                                }
                                            }
                                        } else {
                                            ErrorPopup.showMessage( constants.PleaseSelectARow() );
                                        }
                                    }
                                } ) );
        
        menu.addItem( new Item( constants.RemoveSelectedRowS(),
                                new BaseItemListenerAdapter() {
                                    public void onClick(BaseItem item,
                                                        EventObject e) {
                                        Record[] selected = grid.getSelectionModel().getSelections();
                                        if ( com.google.gwt.user.client.Window.confirm( constants.AreYouSureYouWantToDeleteTheSelectedRowS() ) ) {
                                            for ( int i = 0; i < selected.length; i++ ) {
                                                store.remove( selected[i] );
                                            }
                                            renumber( store.getRecords() );
                                        }
                                    }
                                } ) );
        menu.addItem( new Item( constants.CopySelectedRowS(),
                                new BaseItemListenerAdapter() {
                                    public void onClick(BaseItem item,
                                                        EventObject e) {
                                        Record[] selected = grid.getSelectionModel().getSelections();
                                        for ( int i = 0; i < selected.length; i++ ) {
                                            Record r = recordDef.createRecord( new Object[recordDef.getFields().length] );
                                            Record orig = selected[i];
                                            for ( int j = 0; j < fds.length; j++ ) {
                                                r.set( fds[j].getName(),
                                                       orig.getAsString( fds[j].getName() ) );
                                            }
                                            store.add( r );
                                        }
                                        renumber( store.getRecords() );
                                    }
                                } ) );


        //        Menu subMenu = new Menu();
        //        subMenu.addItem( new Item( "Move up",
        //                                   new BaseItemListenerAdapter() {
        //                                       public void onClick(BaseItem item,
        //                                                           EventObject e) {
        //                                           Record[] selected = grid.getSelectionModel().getSelections();
        //                                           if ( selected.length == 1 ) {
        //                                               Record from = selected[0];
        //
        //                                               grid.getSelectionModel().selectPrevious();
        //
        //                                               selected = grid.getSelectionModel().getSelections();
        //                                               Record to = selected[0];
        //
        //                                               changeRowPositions( from,
        //                                                                   to );
        //
        //                                           } else {
        //                                               // TODO: Popup: Please select one.
        //                                           }
        //                                       }
        //                                   } ) );
        //        subMenu.addItem( new Item( "Move down",
        //                                   new BaseItemListenerAdapter() {
        //                                       public void onClick(BaseItem item,
        //                                                           EventObject e) {
        //                                           Record[] selected = grid.getSelectionModel().getSelections();
        //                                           if ( selected.length == 1 ) {
        //                                               Record from = selected[0];
        //
        //                                               grid.getSelectionModel().selectNext();
        //
        //                                               selected = grid.getSelectionModel().getSelections();
        //                                               Record to = selected[0];
        //
        //                                               changeRowPositions( from,
        //                                                                   to );
        //
        //                                           } else {
        //                                               // TODO: Popup: Please select one.
        //                                           }
        //                                       }
        //                                   } ) );
        //        subMenu.addItem( new Item( "Switch selected",
        //                                   new BaseItemListenerAdapter() {
        //                                       public void onClick(BaseItem item,
        //                                                           EventObject e) {
        //                                           Record[] selected = grid.getSelectionModel().getSelections();
        //                                           if ( selected.length == 2 ) {
        //
        //                                               changeRowPositions( selected[0],
        //                                                                   selected[1] );
        //                                           } else {
        //                                               // TODO: Popup: Please select two.
        //                                           }
        //                                       }
        //                                   } ) );
        //        menu.addItem( new com.gwtext.client.widgets.menu.MenuItem( "Move",
        //                                                                   subMenu ) );


        ToolbarMenuButton tbb = new ToolbarMenuButton( constants.Modify(),
                                                       menu );


        tb.addButton( tbb );
        grid.add( tb );


        return grid;


    }

View Full Code Here

          }
        }


      });


    grid = new GridPanel();
    grid.setColumnModel(cm);
    grid.setStore(store);
    grid.setWidth(550);
    grid.setHeight(600);

View Full Code Here

                                 MemoryProxy proxy = new MemoryProxy( gridData );
                                 ArrayReader reader = new ArrayReader( rd );
                                 store = new Store( proxy,
                                                    reader );
                                 //currentGrid = new Grid(Ext.generateId(), "600px", "600px", store, cm);
                                 currentGrid = new GridPanel( store,
                                                              cm );
                                 currentGrid.setWidth( 600 );
                                 currentGrid.setHeight( 600 );


                                 Toolbar tb = new Toolbar();

View Full Code Here

0 1 2 3

TOP

Related Classes of com.gwtext.client.widgets.grid.GridPanel

com.cubusmail.gwtui.client.panels.contact.ContactListPanel

com.cubusmail.gwtui.client.panels.IdentitiesPanel

com.cubusmail.gwtui.client.panels.MessageListPanel

com.google.gwt.core.client.JavaScriptObject

com.google.gwt.user.client.Element

com.google.gwt.user.client.Timer

com.gwtext.client.core.Function

com.gwtext.client.data.Store

com.gwtext.client.widgets.ComponentFactory

com.gwtextux.client.widgets.grid.plugins.GridCellAction

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.