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
    4
    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
    4
    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
    4
    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

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