REQUIRED INFORMATION




Ext version tested:
  • Ext 4.1.0 B1

Browser versions tested against:
  • Chrome

Description:
  • When I have a grid with locked columns, a cell editor, edit a cell, and press tab to go to the next cell, I get a JS error in ext-all.js

Steps to reproduce the problem:
  • Run the code below.
  • Double click on cell under Editable 1.
  • Press tab to go to the next cell.

The result that was expected:
  • It would go to the next cell without a JS error.
The result that occurs instead:
  • It wouldn't go to the next cell without a JS error.

Test Case:


Code:
Ext.onReady(function()	{
	Ext.create("Ext.window.Window", {
		width:500,
		height:500,
		layout:"fit",
		items:[
			{
				xtype:"grid",
				store:{
					model:Ext.define("MyModel", {
						extend:"Ext.data.Model",
						fields:[
							"locked1",
							"locked2",
							"locked3",
							"locked4",
							"editable1",
							"editable2",
							"editable3",
							"editable4",
							"editable5",
							"editable6"
						]
					}) && "MyModel",
					proxy:{
						type:"memory"
					}
				},
				columns:[
					{
						text:"Locked 1",
						dataIndex:"locked1",
						locked:true,
						width:50
					},
					{
						text:"Locked 2",
						dataIndex:"locked2",
						locked:true,
						width:50
					},
					{
						text:"Locked 3",
						dataIndex:"locked3",
						locked:true,
						width:50
					},
					{
						text:"Locked 4",
						dataIndex:"locked4",
						locked:true,
						width:50
					},
					{
						text:"Editable 1",
						dataIndex:"editable1",
						width:50,
						editor:{
							xtype:"numberfield"
						}
					},
					{
						text:"Editable 2",
						dataIndex:"editable2",
						width:50,
						editor:{
							xtype:"numberfield"
						}
					},
					{
						text:"Editable 3",
						dataIndex:"editable3",
						width:50,
						editor:{
							xtype:"numberfield"
						}
					},
					{
						text:"Editable 4",
						dataIndex:"editable4",
						width:50,
						editor:{
							xtype:"numberfield"
						}
					},
					{
						text:"Editable 5",
						dataIndex:"editable5",
						width:50,
						editor:{
							xtype:"numberfield"
						}
					},
					{
						text:"Editable 6",
						dataIndex:"editable6",
						width:50,
						editor:{
							xtype:"numberfield"
						}
					}
				],
				selModel:{
					selType:"cellmodel"
				},
				plugins:[
					Ext.create("Ext.grid.plugin.CellEditing", {
						clicksToEdit:1
					})
				],
				listeners:{
					afterrender:function()	{
						this.store.add({});
					}
				}
			}
		]
	}).show();
});