Extjs gridpanel ne pas étendre horizontalement dans une tabPanel

Chacun de mes 3 Extjs gridpanels ne pas étendre horizontalement dans une tabPanel.

Chaque grille propriétés:

  id: grid_id,
  ds: ds,
  cm: cm,
  loadMask:      true,
  view:          grouping_view,
  plugins:       [expander, filters],
  stateId:       which + '-grid-stateId',
  stateful:      true,
  stateEvents:   ['datachanged', 'columnresize', 'columnmove', 'sortchange', 'columnvisible', 'columnsort', 'hide', 'show', 'expand', 'collapse'],
  selModel:      checkbox,
  //height:        400,
  width:         GRID_WIDTH,
  defaults:      {autoHeight: true},
  autoHeight:    true,
  collapsible:   false,
  animCollapse:  false,
  layout:        'fit',

TabPanel propriétés:

  id:         'tab_panel',
  renderTo:   'tabs',
  activeTab:  0,
  enableTabScroll:  true,
  defaults:   {autoScroll:true, authHeight:true},
  plugins:    new Ext.ux.TabCloseMenu(),
  width:      GRID_WIDTH + 2,
  autoHeight: true,
  items: [       //put items in tabpanel like this. adding via method call forces them to render/load befire user clicks on them
     owned_grid,
     managed_grid,
     subscribed_grid
  ],
InformationsquelleAutor | 2009-11-12
  1. 4

    Mise en page n'est pas une propriété valide pour une GridPanel.

    Essayez d'utiliser:

    viewConfig: { forceFit: true }

    au lieu

    • +1 merci, a fonctionné comme un charme dans ExtJs 3.1
    • +1 merci. fixe mon problème aussi 🙂
    InformationsquelleAutor Jason
  2. 2

    J'étais à la recherche dans les forums un moyen de faire de mon grille de redimensionner automatiquement, mais ne pouvait pas trouver la solution, rien n'a fonctionné... et puis j'ai lu l'Ext Js GridPanel de la documentation: "

    Une grille nécessite une largeur de
    faites défiler ses colonnes, et d'une hauteur de
    qui pour faire défiler ses lignes. Ces
    les dimensions peuvent être définies
    explicitement par le biais de la hauteur et
    la largeur des options de configuration ou
    implicitement définie à l'aide de la grille comme un
    élément enfant d'un Conteneur qui sera
    avoir un layout manager fournir l'
    le dimensionnement de ses éléments enfants (par exemple
    le Conteneur de la Grille peut spécifier
    mise en page: "ajustement")."

    ..donc je viens de mettre la grille de mise en page, mais la présentation des grilles de la MÈRE de la valeur que je veux (dans mon cas, le conteneur parent est titulaire d'autres choses que seule la grille, j'ai donc mis en page : 'ancre', puis par le réglage de l'ancre : '100% 100%' je fais de la grille d'élargir autant que ça peut l'être).

    et maintenant, je dois TRAVAILLER 😀 yayyyy!

    InformationsquelleAutor heheheheheheee
  3. 1

    C'est la mise en page du conteneur que vous avez à régler, c'est à dire:

    var tp = new Ext.TabPanel({
    items: [{
        title: 'First tab',
        layout: 'fit',
        items: new Ext.GridPanel({ title: "Grid panel" })
    },{
        title: 'Second tab'
    }]
});

    Ajustement dispositions de dire qu'il y a seulement un élément dans le conteneur et il doit se développer pour prendre tout l'espace disponible. Supprimer toutes les références explicites à la largeur, autoWidth, etc.

    InformationsquelleAutor neonski