comment ajouter de la barre de défilement horizontale pour un panneau En ExtJs?

J'ai créé un panneau à l'aide de ExtJs.Ce groupe est le centre de l'élément d'une frontière de disposition de la fenêtre d'affichage. Je veux ajouter une barre de défilement horizontale dans ce panneau.

Le codage de ce panneau est donnée ci-dessous.

var centerpanel = Ext.create('Ext.panel.Panel', {
          region: 'center', 
          autoScroll: true,
          name: 'mainpanel',
          id: 'mainpanel',
          items: [{
              contentEl: 'center1'         

            }]
          });

Le codage de la fenêtre d'affichage donné ci-dessous.

var viewport = Ext.create('Ext.Viewport', {
 id: 'border-example',
 layout: 'border',
 items: [
         {

         region: 'south',
         split: true,
         height: 120,
         minSize: 100,
         maxSize: 200,
         collapsible: true,
         collapsed: true,
         title: 'Notice',
         margins: '2 2 2 2'
     }, {

         region: 'west',
         id: 'west-panel', 
         title: ' Menu',
         width: 150,
         collapsible: true,
         animCollapse: true,
         margins: '0 0 0 5',
         items: [{menu1},{menu2}]
      },

      centerpanel
     ]
 });

Je veux ajouter de la barre de défilement horizontale dans "centerpanel". S'il vous plaît aider moi.