PDA

View Full Version : Ext Js 4 Grid column headers disappears on row edit event



mandardadpe
13 Jun 2013, 6:31 AM
Hi,
I have simple grid panel. When I edit row , suddenly column headers disappears with toolbar.
I have also checked with "forceFit:true" and "stateful:true" properties.

How can I get rid of this issue?

slemmon
14 Jun 2013, 8:09 PM
Are you seeing that issue with ExtJS 4.2.1? If so, can you share a test case that demonstrates the error you're seeing?

I'm not seeing any issues using the example from the rowediting API docs page:


Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['name', 'email', 'phone'],
data: [
{"name":"Lisa", "email":"lisa@simpsons.com", "phone":"555-111-1224"},
{"name":"Bart", "email":"bart@simpsons.com", "phone":"555-222-1234"},
{"name":"Homer", "email":"home@simpsons.com", "phone":"555-222-1244"},
{"name":"Marge", "email":"marge@simpsons.com", "phone":"555-222-1254"}
]
});


Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [
{header: 'Name', dataIndex: 'name', editor: 'textfield'},
{header: 'Email', dataIndex: 'email', flex:1,
editor: {
xtype: 'textfield',
allowBlank: false
}
},
{header: 'Phone', dataIndex: 'phone'}
],
selType: 'rowmodel',
plugins: [
Ext.create('Ext.grid.plugin.RowEditing', {
clicksToEdit: 1
})
],
height: 200,
width: 400,
renderTo: Ext.getBody()
});

team.avesta
14 Jun 2013, 10:15 PM
Check this thread it may help..:

http://www.sencha.com/forum/showthread.php?185128-Grid-headers-disappear-in-chrome-safari-ie-after-click-on-row


(http://www.sencha.com/forum/showthread.php?185128-Grid-headers-disappear-in-chrome-safari-ie-after-click-on-row)