1. #1
    Sencha User
    Join Date
    Mar 2008
    Posts
    126
    Vote Rating
    3
    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
    17
    jack.slocum will become famous soon enough 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
    3
    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
    3
    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

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