ajouter des éléments en bordure de mise en page - ExtJs

Question

je dois ajouter deux cases dans la section nord de layout border

ce serait quelque chose comme ceci: en rouge les boîtes/panneaux i besoin d'ajouter (mais je ne veux pas garder les frontières)

voici mon essai:

... 
{ 

     region: 'north', 
     split: true, 
     //xtype : 'box', 
     height: 100, 
     layout : 'anchor', 

     items: [{ xtype: 'box', id: 'header', height: 100, anchor: '70%', 
        html: '<h1> my title</h1>'}, 
       { 
        xtype: 'panel', title: 'title', border: 'false', frame: false, height: 100, 
        html: '<h1> my info</h1>' 
       }] 
    } 
... 

le second panneau doesnt travail

remerciements f ou ur aide

Answer 1

Vous seriez mieux en utilisant une mise en page de frontière à nouveau dans la région nord ...

region: 'north', 
split: true, 
//xtype : 'box', 
height: 100, 
layout : 'border', 
items: [{ 
     xtype: 'box', 
     id: 'header', 
     region: 'center', 
     height: 100, 
     anchor: '70%', 
     html: ' my title' 
}, { 
     xtype: 'panel', 
     region: 'east' 
     border: 'false', 
     frame: false, 
     height: 100, 
     width: '49%', 
     html: ' my info' 
    }] 
... 

Cela devrait fonctionner bien.

Answer 2

Si vous souhaitez une partition supplémentaire de votre panneau nord, vous devez utiliser la disposition : 'border'. Sinon, vous pouvez ajouter vos articles dans la région nord sans utiliser de mise en page. Si vous ne voulez pas la frontière, vous devez utiliser frontière: false