Come mettere a fuoco la seconda cella quando si aggiunge una nuova riga in dojo.gridX

Question

Sto usando dojo.gridx per visualizzare i miei valori. A volte l'utente può creare una nuova riga. In modo che ho aggiunto un nuovo pulsante quando si fa clic sul pulsante newRow, chiameremo il metodo onclick.

In questo metodo è stato creato un nuovo codice di riga. I miei codici sono di sotto.

addRow:

function() { 
    var that = this; 
    var gridIdLocal = dijit.byId('GridId'); 

    that.lastIndex+=1; (last index count I get externally)  
    var newRow = { 
     Id : '', 
     ClassDES:'', 
     createdDate: that.getTodayDate(), 
     activatedDate:that.getTodayDate(), 
     deactivedDate:'', 
     activeStatus:'Y', 
     id : lastIndex 
    }; 
    gridIdLocal.store.newItem(newRow); 
    gridIdLocal.store.save();    
}, 

Con questo codice sono in grado di creare una nuova riga, ma voglio concentrarmi mio punto cursore del mouse alla seconda colonna della riga appena aggiunta (ClassDES).
Come posso ottenere questa funzionalità in dojo.gridx?

Answer 1

Non ho usato Dojo gridx, ma guardando uno dei suoi demo di base, è il rendering di <div> per ogni riga. Utilizzando oggetto newRow dal vostro esempio di cui sopra, si potrebbe fare qualcosa di simile in seguito con jQuery

function() { 
    var that = this; 
    var gridIdLocal = dijit.byId('GridId'); 

    that.lastIndex+=1; (last index count I get externally)  
    var newRow = { 
     Id : '', 
     ClassDES:'', 
     createdDate: that.getTodayDate(), 
     activatedDate:that.getTodayDate(), 
     deactivedDate:'', 
     activeStatus:'Y', 
     id : lastIndex 
    }; 
    gridIdLocal.store.newItem(newRow); 
    gridIdLocal.store.save(); 

    $(newRow).find("td")[1].children("input").focus(); 
}, 

Se si potesse inviare un jsfiddle di lavoro, sarebbe più facile da risolvere.