propertyGrid: Tab between editable cells

[StefaanEeckels]

Hi Forum,

Does anyone know if it is possible to Tab from one editable field in a propertyGrid to the next? The fields aren't genuine HTML input fields, so hitting Tab while in a propertyGrid moves the cursor to the browser's URL entry field. This happens in the live demo examples as well.

Thanks and take care,

Stefaan

[stworthy]

Please try this code:

Code:

$('#pg').propertygrid({
	onBeginEdit: function(index,row){
		var pg = $(this);
		var ed = pg.propertygrid('getEditors', index)[0];
		var t = $(ed.target);
		var t = $(ed.target).hasClass('textbox-f') ? $(ed.target).textbox('textbox') : $(ed.target);
		t.unbind('.propertygrid').bind('keydown.propertygrid', function(e){
			if (e.keyCode == 9){
				var tr = pg.propertygrid('options').finder.getTr(pg[0], index+1, 'body', 2);
				tr.find('.datagrid-cell').trigger('click');
				return false;
			}
		})
	}
})

[StefaanEeckels]

Thanks a million stworthy! As always, your solutions work.