EasyUI Forum
September 13, 2025, 04:36:26 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: propertygrid and tab key to change row  (Read 9366 times)
Fabrice
Jr. Member
**
Posts: 62


View Profile
« 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;
                                .
                                .
                                .
                            })
                       }
               }
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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;
}
})
}
}
})
Logged
Fabrice
Jr. Member
**
Posts: 62


View Profile
« Reply #2 on: August 27, 2014, 02:53:13 AM »

it's perfect, thank you very much !
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!