La désactivation de la barre de défilement horizontale dans EXTJS panneau

Équipe,

Quelqu'un est-il au courant comment désactiver la barre de défilement horizontale dans le panneau. Je suis à l'aide de EXTJS 3.4

Fondamentalement, je veux seulement la barre de défilement verticale pour être visible et non horizontale.

J'ai essayé de défilement automatique=vrai que le panneau de propriété, mais Si je le fais je peut voir à la fois horizontale et verticale de la barre de défilement.

voici le code.

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.4.0/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function(){
var tab2 = new Ext.FormPanel({
labelAlign: 'left',
labelStyle: 'font-weight:bold;',
labelWidth: 85,
title: 'Run Report',
bodyStyle:'padding:5px',
border : true,
style: 'margin:0 auto;margin-top:50px;margin-left:50',
width: 900,
height:600, 
items:
[{
xtype:'panel',
border:true,
height:75,
title:'Inner Panel',
bodyStyle:'padding:5px',
autoScroll:true,
items: [{
layout:'column',
border :false,
items:[{
columnWidth:.3,
layout: 'form',
border :false,
items: [{
xtype:'textfield',
fieldLabel: 'First Name',
name: 'first',
anchor:'95%'
}, {
xtype:'textfield',
fieldLabel: 'Company',
name: 'company',
anchor:'95%'
}]
},{
columnWidth:.3,
layout: 'form',
border :false,
items: [{
xtype:'textfield',
fieldLabel: 'Last Name',
name: 'last',
anchor:'95%'
},{
xtype:'textfield',
fieldLabel: 'Email',
name: 'email',
vtype:'email',
anchor:'95%'
}]
}]
}]
}]
,
buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
});
tab2.render(document.body); 
});
</script> 
</div>
</body>
</html>
  • Agréable de voir la façon dont vous considérez l'ensemble de stackoverflow communauté comme faisant partie de votre équipe!
InformationsquelleAutor user1913742 | 2012-12-22