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.
Vous devez vous connecter pour publier un commentaire.
J'ai dû le faire récemment. Il y avait un nombre dynamique de drag-n-drop grilles (plus de 10), qui a besoin d'aller sur une page side-by-side. Ils ont tous été rendus accessibles par défilement horizontale avec la barre en bas, la molette de la souris mouvement, ou lors du déplacement d'un enregistrement à partir d'une grille à l'extrême droite ou à gauche de la page (le déclenchement de la barre de défilement horizontale). J'ai utilisé côté serveur de code à remplir les grilles de façon dynamique, mais le défilement horizontal a été réalisé dans ExtJS.
Réglage du panneau de
width:
option de configuration pour une plus grande que la largeur de la page, puis en utilisant la configuration suivante optionslayout: { type: 'hbox', align: 'stretch' }, defaults: { flex : 1 }
a fait le tour.J'ai dû ajouter un ExtJS gestionnaire d'événement sur l'écran pour arrêter le défaut de défilement verticale et d'appliquer de défilement horizontale car les grilles à l'intérieur de mon groupe a également eu vertical des barres de défilement. Ces consomme de la molette de la souris de l'événement à chaque fois que la souris est au-dessus d'eux - il peut ne pas être nécessaire si vous n'utilisez pas toutes les autres barres de défilement à l'intérieur de votre panneau.
Voici à quoi il ressemblait: