PDA

View Full Version : [DUP] field.updateLayout inside grid toolbar cause grid columns to resize with 1px



matei
27 Jul 2015, 5:01 AM
calling textField.updateLayout() will cause grid columns to rezise each time.

instead of 'searchfield' I just added a simple 'textfield' in this example wich call updateLayout inside 2 methods (onClearClick, onSearchClick).

now when I type some chars inside textfield for every change 'Name' collumn will get bigger/smaller with 1px.



Ext.application({
name: 'Fiddle',
launch: function () {
var store = Ext.create('Ext.data.Store', {
fields: ['name', 'className'],
proxy: {
type: 'ajax',
url: 'data.json'
}
});

var grid = Ext.create('Ext.grid.Panel', {
width: 600,
height: 300,
renderTo: Ext.getBody(),
forceFit: true,
store: store,
columns: [
{text: 'Name', dataIndex: 'name', flex: 1},
{text: 'Class', dataIndex: 'className', flex: 1}
],
xtbar: [{
xtype: 'textfield',
fieldLabel: 'Student Lookup',
emptyText: '...type to filter',
listeners: {
change: function (field, val) {
field.updateLayout();
}
}
}],
bbar: Ext.create('Ext.PagingToolbar', {
store: store,
displayInfo: true,
displayMsg: 'Displaying items {0} - {1} of {2}',
emptyMsg: "No items to display"
})
});
}
});

the bug is reproduced also when press refresh button on pagging toolbar, so probable the but is not because of updateLayout but because of

joel.watson
27 Jul 2015, 8:46 AM
Thanks for the report. I believe this is related to the bug reported here: http://www.sencha.com/forum/showthread.php?296995