durlabh
12 Aug 2008, 7:35 PM
I have a form and an editable grid on the same page/ window. When I'm editing the grid values and click on a form element, form element gets the focus but immediately loses it. As a test case, I modified the editor grid sample. In edit-grid.html add:
<div id="form-div"></div>
Then in edit-grid.js, immediately after store.load() add:
var form = new Ext.form.FormPanel({
renderTo: 'form-div',
defaultType: 'textfield',
items: [
{ fieldLabel: 'Name' },
{ fieldLabel: 'City' }
]
});
Now run the example and start editing the values in grid. Now click on a form cell and you'll notice the issue. You can also see the modified sample at http://www.durlabh.com/extJS/examples/grid/edit-grid.html
<div id="form-div"></div>
Then in edit-grid.js, immediately after store.load() add:
var form = new Ext.form.FormPanel({
renderTo: 'form-div',
defaultType: 'textfield',
items: [
{ fieldLabel: 'Name' },
{ fieldLabel: 'City' }
]
});
Now run the example and start editing the values in grid. Now click on a form cell and you'll notice the issue. You can also see the modified sample at http://www.durlabh.com/extJS/examples/grid/edit-grid.html