1. #1
    Ext User ouyang's Avatar
    Join Date
    Jul 2009
    Posts
    6
    Vote Rating
    0
    ouyang is on a distinguished road

      0  

    Exclamation [2.2] IE7 - gridPanel bug

    [2.2] IE7 - gridPanel bug


    i think it's ext 2.2 css bug ;

    Code:
    var sm = new Ext.grid.CheckboxSelectionModel({
        singleSelect:true
       });
    var grid = new Ext.grid.GridPanel({
        id: 'gridJs',
        width: 388,
        height: 235,
        loadMask: true,
        trackMouseOver: true,
        store: store,
        border: false,
        sm:sm,
        columns: [sm,{
         header: 'program',
         dataIndex: 'program',
         width: 30,
         align:'left'
        }]
    });
     
    new Ext.Panel({
            id:'programGrid',
            width:400,
            height: 265,
            anchor: "100%",
            baseCls: "x-plain",
            items:grid
    })
    but the gridPanel's header text can not be seen like Picture which i upload;

    i hope someone would help me to solve this problem ;
    Attached Images

  2. #2
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    the code you posted doesn't even work...

  3. #3
    Ext User ouyang's Avatar
    Join Date
    Jul 2009
    Posts
    6
    Vote Rating
    0
    ouyang is on a distinguished road

      0  

    Default


    Quote Originally Posted by mystix View Post
    the code you posted doesn't even work...
    sorry...I only interception of the code about the gridPanel .

    but the relationship between components is the Ext.Window contain Ext.Panel , this panel contain the gridPane ;

    i tested , when the gridPanel renderTo HTML is OK ;

    but if gridPanel as a Ext.Panel component will emergence of this problem , the header text can not be seen , like the picture

    i saw someone give about this problem's solution that
    '.x-grid3-header {position: relative;}'


    http://www.extjs.com/forum/showthread.php?t=51050
    here is problem the same , but the problem is in IE6

    my browser is IE7

  4. #4
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    3 things:
    • 2.2. is seriously outdated. switch to 2.3.0 if possible
    • you're overnesting. the gridpanel is a panel. the structure should be simplified to just
      Code:
      {
          xtype: 'window',
          items: {
              xtype: 'gridpanel'
          }
      }
    • you forgot to specify a layout in the parent container:
      Code:
      {
          xtype: 'window',
          layout: 'fit', // if the gridpanel is the only child item, or some other layout otherwise
          items: {
              xtype: 'gridpanel'
          }
      }

  5. #5
    Ext User ouyang's Avatar
    Join Date
    Jul 2009
    Posts
    6
    Vote Rating
    0
    ouyang is on a distinguished road

      0  

    Default


    Quote Originally Posted by mystix View Post
    3 things:
    • 2.2. is seriously outdated. switch to 2.3.0 if possible
    • you're overnesting. the gridpanel is a panel. the structure should be simplified to just
      Code:
      {
          xtype: 'window',
          items: {
              xtype: 'gridpanel'
          }
      }
    • you forgot to specify a layout in the parent container:
      Code:
      0
      {
          xtype: 'window',
          layout: 'fit', // if the gridpanel is the only child item, or some other layout otherwise
          items: {
              xtype: 'gridpanel'
          }
      }
    when i change css file it can be solve , i choose ext3.0 ext-all.css ; 2.3.0 not tested;


    but I try to use your method of add code layout: 'fit' and set xtype: 'gridpanel'

    it does not work , the header always disappear ;

    i think maybe i would add some CSS Properties to gridpanel can fix it ?

    but i do not know which CSS Properties should i add ;


  6. #6
    Sencha - Community Support Team mystix's Avatar
    Join Date
    Mar 2007
    Location
    Singapore
    Posts
    6,236
    Vote Rating
    5
    mystix will become famous soon enough

      0  

    Default


    if you post a working test case (i.e. one without script errors) it would definitely be easier to see what's going on.

    note: you shouldn't be mixing-and-matching ext-all.css and ext-all.js from different versions of the library.

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