Success! Looks like we've fixed this one. According to our records the fix was applied for EXTGWT-3144 in 2.3.1.
  1. #1
    Ext User
    Join Date
    Nov 2009
    Posts
    4
    Vote Rating
    0
    RaviM is on a distinguished road

      0  

    Default [FNR] HeaderGroupConfig mis-alignment with Grid cells

    [FNR] HeaderGroupConfig mis-alignment with Grid cells


    Hi,

    We are using GXT 2.0.1 for developing an application. We have used HeaderGroupConfig in one of the Grids of our application. It worked fine as shown in the Demo. However, when we used CellSelectionModel for the Grid along with HeaderGroupConfig, the alignment of the grid cells (rows with data and not headers) is not proper. A sample code displaying the same is pasted below along with screen shots displaying the mis-alignment:

    Code:
    import java.io.Serializable;
    import java.util.ArrayList;
    import java.util.List;
    
    import com.extjs.gxt.ui.client.data.BaseModel;
    import com.extjs.gxt.ui.client.data.ModelData;
    import com.extjs.gxt.ui.client.store.ListStore;
    import com.extjs.gxt.ui.client.widget.grid.CellSelectionModel;
    import com.extjs.gxt.ui.client.widget.grid.ColumnConfig;
    import com.extjs.gxt.ui.client.widget.grid.ColumnModel;
    import com.extjs.gxt.ui.client.widget.grid.Grid;
    import com.extjs.gxt.ui.client.widget.grid.HeaderGroupConfig;
    import com.google.gwt.core.client.EntryPoint;
    import com.google.gwt.user.client.ui.RootPanel;
    
    public class GridExamples implements EntryPoint
    {
      ListStore<CarModel> store = new ListStore<CarModel>();
      ArrayList<CarModel> cars = new ArrayList<CarModel>();
    
      public void onModuleLoad()
      {
        addcars();
    
        store.add( cars );
    
        List<ColumnConfig> col = new ArrayList<ColumnConfig>();
    
        ColumnConfig column = new ColumnConfig();
        column.setId( "car_company" );
        column.setHeader( "Company Name" );
        column.setWidth( 100 );
        col.add( column );
    
        column = new ColumnConfig();
        column.setId( "car_model" );
        column.setHeader("Car Model");
        column.setWidth( 100 );
        col.add( column );
    
        column = new ColumnConfig();
        column.setId( "car_value" );
        column.setHeader( "Price" );
        column.setWidth( 100 );
        col.add( column );
        
        column = new ColumnConfig();
        column.setId( "car_year" );
        column.setHeader( "Manufacting Year" );
        column.setWidth( 100 );
        col.add( column );
        
        ColumnModel cm = new ColumnModel( col );
        HeaderGroupConfig lHeader1 = new HeaderGroupConfig("Header1",1,2);
        cm.addHeaderGroup( 0, 0, lHeader1 );
        
        Grid lGrid = new Grid<CarModel>( store, cm );
        lGrid.setHeight( 300 );
        lGrid.setWidth( 500 );
        lGrid.setSelectionModel(new CellSelectionModel<ModelData>());
    
        RootPanel.get().add( lGrid );
      }
    
      private void addcars()
      {
        cars.add( new CarModel( "SAAB", "9000", 1994, 3550.50 ) );
        cars.add( new CarModel( "SAAB", "93", 2001, 12450.00 ) );
        cars.add( new CarModel( "BMW", "318i", 1999, 13440.10 ) );
        cars.add( new CarModel( "BMW", "X5", 2005, 46020.50 ) );
        cars.add( new CarModel( "VW", "GOLF", 2001, 16200.60 ) );
        cars.add( new CarModel( "VW", "PASSAT", 2007, 67400.00 ) );
        cars.add( new CarModel( "Peugeot", "307", 2001, 13200.00 ) );
        cars.add( new CarModel( "Peugeot", "205 GTI", 1986, 5430.15 ) );
        cars.add( new CarModel( "Lexus", "ES 300", 2001, 32100.80 ) );
        cars.add( new CarModel( "Toyota", "Prius", 2006, 29604.47 ) );
      }
    
      private class CarModel extends BaseModel implements Serializable
      {
        private static final long serialVersionUID = 1L;
    
        public CarModel( String mk, String ml, Integer y )
        {
          set( "car_company", mk );
          set( "car_model", ml );
          set( "car_year", y );
        }
    
        public CarModel( String mk, String ml, Integer y, Double v )
        {
          this( mk, ml, y );
          set( "car_value", v );
        }
    
        public String getCompany()
        {
          return (String)get( "car_company" );
        }
    
        public Integer getYear()
        {
          return (Integer)get( "car_year" );
        }
      }
    }
    Also, the same mis-alignment does not exist when opened in Mozilla.

    Thanks
    Ravi
    Attached Images

  2. #2
    Ext User
    Join Date
    Nov 2009
    Posts
    4
    Vote Rating
    0
    RaviM is on a distinguished road

      0  

    Exclamation


    Hi,

    I am attaching one more screen shot where the mis-alignment increases with increased number of columns and headers. I had to decrease the height and width of the image due to upload constraints, hence all columns are not visible in this image. There are approx 30 columns in the Grid.

    Thanks
    Ravi
    Attached Images

  3. #3
    Software Architect
    Join Date
    Sep 2007
    Posts
    13,971
    Vote Rating
    132
    sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light sven is a glorious beacon of light

      0  

    Default


    Fixed in SVN.

  4. #4
    Ext User
    Join Date
    Oct 2009
    Posts
    6
    Vote Rating
    0
    Jonny Campos is on a distinguished road

      0  

    Default


    Is the bug supposed to be fixed in 2.1.0?

    Because we are getting the same problems with the 2.1.0 version

    Thanks in advance

  5. #5
    Ext User
    Join Date
    Mar 2009
    Posts
    72
    Vote Rating
    0
    jtyrrell is on a distinguished road

      0  

    Default I am experiencing this as well in 2.1.0

    I am experiencing this as well in 2.1.0


    Hey Sven,

    I am experiencing this too. 2.1.0 & Safari.

    Cheers,

    Jim

  6. #6
    Sencha User
    Join Date
    Jun 2012
    Posts
    1
    Vote Rating
    0
    vaibhavgupta is on a distinguished road

      0  

    Default issue in 2.2.6 version .

    issue in 2.2.6 version .


    I am getting the same issue in 2.2.6 any body has any idea why it is coming.


  7. #7
    Ext GWT Premium Member
    Join Date
    Mar 2009
    Posts
    226
    Vote Rating
    3
    The_Jackal is on a distinguished road

      0  

    Default


    I'm getting it in 2.3 due to the adjustWidths() not working in the ColumnHeader class (see the bug I raise for this). Funnily enough I think the code in ajustWidths() was added in 2.3 to fix the issues in 2.2.x.

  8. #8
    Sencha - GXT Dev Team
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    377
    Vote Rating
    15
    branflake2267 will become famous soon enough

      0  

    Default


    Thanks for reporting the bug. I filed it under our issue tracker and will update the thread once we make some headway.

  9. #9
    Sencha - GXT Dev Team darrellmeyer's Avatar
    Join Date
    May 2007
    Location
    Washington, DC
    Posts
    2,242
    Vote Rating
    2
    darrellmeyer is on a distinguished road

      0  

    Default


    The_Jackal I have not been able to reproduce this issue with the original test case and 2.3.0. Can you provide more information and possible a test case that shows the problem you are seeing in 2.3.0?

  10. #10
    Sencha User
    Join Date
    Mar 2014
    Posts
    5
    Vote Rating
    0
    shweta11090 is on a distinguished road

      0  

    Default


    Hi,

    I'm experiencing the same bug in 2.3.1 version. Is there any workaround for this?

    -Shweta

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi