Print Page - propertygrid and tab key to change row

Title: propertygrid and tab key to change row
Post by: Fabrice on August 26, 2014, 09:39:01 AM

When user is editing a value in a propertygrid, i want to endEdit and beginEdit to next row when user enter tab key,

I try something like this but event is not fired with tab key :

onBeginEdit: function (row) {
var ed = $(id).propertygrid('getEditor', { index: row, field: 'value' });
if (ed) {
$(ed.target).focus().select().bind('keyup', function (e) {
var code = e.keyCode || e.which;
.
.
.
})
}
}

Title: Re: propertygrid and tab key to change row
Post by: stworthy on August 26, 2014, 08:13:25 PM

Please try this:

Code:

$('#pg').propertygrid({
	onBeginEdit:function(index,row){
		var pg = $(this);
		var ed = pg.propertygrid('getEditors',index)[0];
		if (ed){
			var input;
			if ($(ed.target).hasClass('textbox-f')){
				input = $(ed.target).textbox('textbox');
			} else {
				input = $(ed.target);
			}
			input.bind('keydown', function(e){
				if (e.keyCode == 9){	// tab
					var cell = pg.propertygrid('options').finder.getTr(pg[0], index+1).find('td[field="value"] div.datagrid-cell');
					cell.trigger('click');
					return false;
				}
			})
		}
	}
})

Title: Re: propertygrid and tab key to change row
Post by: Fabrice on August 27, 2014, 02:53:13 AM

it's perfect, thank you very much !

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Fabrice on August 26, 2014, 09:39:01 AM