PDA

View Full Version : Last GridPanel row is rendered out of visibility



Matt-BT
15 Nov 2013, 1:11 PM
I have a GridPanel with four values. The last value is inaccessible because no scroll bar is created. It exists in the markup.

46880

Running 4.0.5 in IE/Chrome. Here is the code:



<div id="gridPlaceholder"></div>
<script type="text/javascript">
Ext.define('my.Test.Grid', {
extend: 'Ext.grid.Panel',
height: 100,
width: 300,
columns: [
{
text: 'My Value',
dataIndex: 'myVal',
flex: 1
}
],
store: {
fields: [
{name: 'myVal'},
],
data : [
{myVal: '1'},
{myVal: '2'},
{myVal: '3'},
{myVal: '4'}
]
},
initComponent: function (cfg) {
this.callParent(arguments);
this.store.load();
},
});
Ext.onReady(function() {
myGrid = new Ext.create('my.Test.Grid');
myGrid.render("gridPlaceholder");
})
</script>

scottmartin
15 Nov 2013, 1:38 PM
Upgrade from 4.05. Works fine in later versions.