treepanel redimensionnables dans la fenêtre dans ExtJS

Question

J'ai un Treepanel:

treepanel = Ext.define('filteredTree', { 
         extend: 'Ext.tree.Panel', 
         title: 'Filtered Tree', 
         store: store, 
         width: 784, 
         height: 550, 
         buttons: [ 
         { 
          text: 'Select', 
          handler: function() { 
           var panel = this.up('treepanel'); 
           //...selection of value 
          } 
         } 
        ] 
    //...Here is search mechanism 

    }); 

et la fenêtre dans laquelle il est affiché. La fenêtre est redimensionnable:

 win = Ext.create('widget.window', { 
      title: 'Выбор значения из словаря', 
      header: { 
       titlePosition: 2, 
       titleAlign: 'center' 
      }, 
      closable: true, 
      closeAction: 'hide', 
      maximizable: true, 
      width: 800, 
      minWidth: 350, 
      height: 600, 
      tools: [{ type: 'pin' }], 
      theme:"classic", 
      layout: { 
       type: 'border', 
       padding: 5 
      }, 
      items: [ 
       Ext.create('filteredTree') 
      ] 
     }); 

Je voudrais voir si la taille de la fenêtre change la taille du panneau change aussi. Comment puis je faire ça?

Answer 1

Modifiez la disposition de la fenêtre en et.

Le panneau occupera l'espace complet à l'intérieur de la fenêtre et redimensionnera en conséquence. Vous pouvez supprimer la hauteur et la largeur du panneau d'arbre.

Ext.create('Ext.window.Window', { 
      title: 'Выбор значения из словаря', 
      header: { 
       titlePosition: 2, 
       titleAlign: 'center' 
      }, 
      closable: true, 
      closeAction: 'hide', 
      maximizable: true, 
      width: 600, 
      minWidth: 350, 
      height: 400, 

      layout:'fit', 
      items: [ 
       {xtype:'treepanel', 
       padding:5, 
         title: 'Filtered Tree',     
         buttons: [ 
         { 
          text: 'Select', 
          handler: function() { 
           var panel = this.up('treepanel'); 

          } 
         } 
        ]} 
      ] 
     }).show();