manageOverflowが境界線レイアウトのビューポートで機能しているかどうかを知りたいのですが。私のアプリにはビューポート(境界線レイアウト)があり、4つのコンテナー(北に2つ、東に1つ、西に1つ)があります。これらのコンテナの1つ(東にあるもの)は、レイアウトが塗りつぶされたメインコンテナです。「ページを変更」すると、このメインコンテナにページコンテナを動的に入力します。
私の問題は、グリッドコンテナをinnerHeight(画面サイズ)よりも長くすると、垂直スクロールバーが表示されることです。これは良いことですが、水平スクロールバーも表示されます。ビューポートは、新しいサイズ(スクロールバーのないサイズ)では自動リレーアウトしません。
manageOverflowが答えのようですが、このプロパティをレイアウトに追加すると、プロパティreserveScrollbarと同じ結果になります。
誰かがすでにこれを試しましたか?
編集:テスト用のコード: `
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script src="http://cdn.sencha.io/ext-4.1.1-gpl/ext-all.js" type="text/javascript"></script>
<script>
Ext.application({
name: 'test',
launch: function() {
Ext.create('Ext.container.Viewport', {
layout: {
type: 'border',
manageOverflow: 1
},
autoScroll:true,
items : [{
xtype: 'container',
region: 'north',
height: 150,
border: 5,
style: {
borderColor: 'black',
borderStyle: 'solid'
}
}, {
xtype: 'container',
region: 'west',
width: 150,
border: 5,
style: {
borderColor: 'green',
borderStyle: 'solid'
}
}, {
xtype: 'container',
region: 'north',
height: 150,
border: 5,
style: {
borderColor: 'red',
borderStyle: 'solid'
}
}, {
xtype : 'container',
region : 'center',
border: 5,
style: {
borderColor: 'blue',
borderStyle: 'solid'
}
}],
renderTo: Ext.getBody()
});
}
});
</script>
</head>
<body></body>
`