1. #1
    Sencha User
    Join Date
    Mar 2008
    Posts
    126
    Vote Rating
    2
    nicholasnet is on a distinguished road

      0  

    Default [2.??][CLOSED] Grid Column Overlap IE

    [2.??][CLOSED] Grid Column Overlap IE


    I tried to solve this problem for 2 days I think it is a bug since this works perfectly in any other except for IE. In one of my grid one column is overlapping another. I am using filter as my plugin here. Please see attached image for more information.
    Here is m code
    PHP Code:
    incomeTrack.drillDownAnalysis = function()
    {
        
    incomeTrack.clearCenter();
        
    Ext.menu.RangeMenu.prototype.icons = {
          
    gtBASEURL+'img/fam/greater_then.png'
          
    ltBASEURL+'img/fam/less_then.png',
          
    eqBASEURL+'img/fam/equals.png'
        
    };
        
        
    Ext.grid.filter.StringFilter.prototype.icon BASEURL+'img/fam/find.png';
        
        var 
    ds = new Ext.data.JsonStore
        
    ({
              
    urlBASEURL+'incomes/drillDown',
            
    id'id',
            
    totalProperty'total',
            
    root'incomes',
            
    fields
            [
                {
    name:'id'}, 
                  {
    name:'date'type'date'dateFormat'Y-m-d'}, 
                  {
    name:'amount'type'float'},
                  {
    name:'productline'},
                  {
    name:'type'},
                  {
    name:'region'},
                  {
    name:'country'},
                  {
    name:'first_name'}
            ],
              
    sortInfo: {field'date'direction'DESC'},
              
    remoteSorttrue
        
    });
        
        var 
    filters = new Ext.grid.GridFilters
        
    ({
          
    filters:[
            {
    type'date',  dataIndex'date'},
            {
    type'numeric',  dataIndex'amount'},
            {
                
    type'list'
                
    dataIndex'productline',
                
    options: ['Vasco''Degama','Tarpo','Tady'],
                
    phpModetrue
            
    },
            {
                
    type'list'
                
    dataIndex'type',
                
    options: ['Retail''Distributor'],
                
    phpModetrue
            
    },
            {
                
    type'list'
                
    dataIndex'region',
                
    options: ['Asia''Africa','Europe''North America','Oceania','South America'],
                
    phpModetrue
            
    },
            {
    type'string'dataIndex'country'},
            {
    type'string'dataIndex'first_name'}
        ]});

        
        var 
    cm = new Ext.grid.ColumnModel
        
    ([
          {
    dataIndex'date'header'Date'rendererExt.util.Format.dateRenderer('m/d/Y')},
          {
    dataIndex'amount'header'Amount'align'right'width140rendererExt.util.Format.usMoney},
          {
    dataIndex'productline'width140header'Product Line'},
          {
    dataIndex'type'width120header'Sales Type'},
          {
    dataIndex'region'width120header'Region'},
          {
    dataIndex'country'width180header'Country'}, 
          {
    dataIndex'first_name',header'Entered By'id:'enteredby'}
        ]);

        
    cm.defaultSortable true;

        var 
    grid = new Ext.grid.GridPanel
        
    ({
            
    id'drillDown',
               
    dsds,
              
    cmcm,
              
    enableColLockfalse,
              
    loadMasktrue,
              
    pluginsfilters,
              
    heightExt.get('tabpanel').getHeight()- 29,
              
    width:'100%',        
              
    autoExpandColumn'enteredby',
              
    bbar: new Ext.PagingToolbar
              
    ({
                
    storeds,
                
    pageSize30,
                
    pluginsfilters
              
    })
        });

        
    grid.render('container');
        
    ds.load({params:{start0limit30}});
    }; 
    Any Clue why this is happening
    Attached Images

  2. #2
    Sencha User jack.slocum's Avatar
    Join Date
    Mar 2007
    Location
    Tampa, FL
    Posts
    6,955
    Vote Rating
    16
    jack.slocum will become famous soon enough

      0  

    Default


    Two of your columns are missing widths?
    Jack Slocum
    Ext JS Founder
    Original author of Ext JS 1, 2 & 3.
    Twitter: @jackslocum
    jack@extjs.com

  3. #3
    Sencha User
    Join Date
    Mar 2008
    Posts
    126
    Vote Rating
    2
    nicholasnet is on a distinguished road

      0  

    Default


    Thanks you for the reply but unfortunately I already tried that solution before it did not worked. This is what I did
    PHP Code:
    var cm = new Ext.grid.ColumnModel
        
    ([
          {
    dataIndex'date'header'Date'width120rendererExt.util.Format.dateRenderer('m/d/Y')},
          {
    dataIndex'amount'header'Amount'align'right'width140rendererExt.util.Format.usMoney},
          {
    dataIndex'productline'width140header'Product Line'},
          {
    dataIndex'type'width120header'Sales Type'},
          {
    dataIndex'region'width120header'Region'},
          {
    dataIndex'country'width180header'Country'}, 
          {
    dataIndex'first_name',header'Entered By'width140id:'enteredby'}
        ]); 
    AND
    PHP Code:
    var cm = new Ext.grid.ColumnModel
        
    ([
          {
    dataIndex'date'header'Date'width120rendererExt.util.Format.dateRenderer('m/d/Y')},
          {
    dataIndex'amount'header'Amount'align'right'width140rendererExt.util.Format.usMoney},
          {
    dataIndex'productline'width140header'Product Line'},
          {
    dataIndex'type'width120header'Sales Type'},
          {
    dataIndex'region'width120header'Region'},
          {
    dataIndex'country'width180header'Country'}, 
          {
    dataIndex'first_name',header'Entered By'id:'enteredby'}
        ]); 

  4. #4
    Sencha User
    Join Date
    Mar 2008
    Posts
    126
    Vote Rating
    2
    nicholasnet is on a distinguished road

      0  

    Exclamation (Solved)

    (Solved)


    Alright I found the solution. This is not the bug of ExtJS but it is the bug of CSSTidy. Since I am using CSSTidy to compress my CSS this was causing that problem. Sorry for marking this as a bug in this forum.

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar