PDA

View Full Version : [DUPE][3.1.1] Editor in EditorGridPanel - Tab not working



clesquir
22 Feb 2010, 9:32 AM
Ext version tested:


Ext 3.1.1



Adapter used:


ext



css used:


only default ext-all.css





Browser versions tested against:


FF3.5.8 (firebug 1.5.0 installed)



Operating System:


Ubuntu 9.10 x64



Description:


The EditorGridPanel has only one column editable and the SelectionModel is Ext.grid.CheckboxSelectionModel.
If you click on the first editable column and then typing TAB, the cursor will focus on the second row but the editor will not activate unless you click it with the mouse.



Test Case:
Use the example ext-3.1.1\examples\grid\edit-grid.html modifying the edit-grid.js file like this:


/*!
* Ext JS Library 3.1.1
* Copyright(c) 2006-2010 Ext JS, LLC
* licensing@extjs.com
* http://www.extjs.com/license
*/
Ext.onReady(function(){

var myData = [
['Test1',1],
['Test2',2],
['Test3',3],
['Test4',4],
['Test5',5],
['Test6',6],
['Test7',7]
];

// shorthand alias
var fm = Ext.form;

var sm = new Ext.grid.CheckboxSelectionModel({
checkOnly: false
});

// the column model has information about grid columns
// dataIndex maps the column to the specific data field in
// the data store (created below)
var cm = new Ext.grid.ColumnModel({
// specify any defaults for each column
defaults: {
sortable: true // columns are not sortable by default
},
columns: [
sm,
{
id: 'test',
header: 'Test',
dataIndex: 'test',
width: 220
}, {
id: 'common',
header: 'Common Name',
dataIndex: 'common',
width: 220,
// use shorthand alias defined above
editor: new fm.NumberField({
allowBlank: false
})
}
]
});

// create the Data Store
var store = new Ext.data.ArrayStore({
fields: [
// the 'name' below matches the tag name to read, except 'availDate'
// which is mapped to the tag 'availability'
{name: 'test', type: 'string'},
{name: 'common', type: 'integer'}
]
});

// create the editor grid
var grid = new Ext.grid.EditorGridPanel({
store: store,
sm: sm,
cm: cm,
renderTo: 'editor-grid',
width: 600,
height: 300,
autoExpandColumn: 'common', // column with this id will be expanded
frame: true,
clicksToEdit: 1
});

// manually trigger the data store load
store.loadData(myData);
});

Jamie Avins
22 Feb 2010, 9:37 AM
This issues was already addressed in svn for the 3.1.2 release.

clesquir
22 Feb 2010, 9:45 AM
From which thread is this a duplicate?

Jamie Avins
22 Feb 2010, 11:16 AM
Related here:

http://www.extjs.com/forum/showthread.php?t=88086