So fokussieren Sie die zweite Zelle, wenn Sie eine neue Zeile in dojo.gridX hinzufügen

Question

Ich verwende dojo.gridx, um meine Werte anzuzeigen. Manchmal kann der Benutzer eine neue Zeile erstellen. Damit ich beim Klick auf die newRow-Schaltfläche eine neue Schaltfläche hinzugefügt habe, wird onclick-Methode aufgerufen.

In dieser Methode müssen neue Zeilencodes erstellt werden. Meine Codes sind unten.

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();    
}, 

Durch diesen Code Ich bin in der Lage, eine neue Zeile zu erstellen, aber ich möchte mein Mauszeiger Punkt auf neu hinzugefügte Zeile der zweiten Spalte (ClassDES) konzentrieren.
Wie kann ich diese Funktionalität in dojo.gridx erreichen?

Answer 1

Ich habe Dojo Gridx nicht verwendet, aber wenn ich auf eines seiner grundlegenden Demos schaue, wird für jede Zeile ein <table> innerhalb <div> gerendert. Mit newRow Objekt aus dem obigen Beispiel, Sie so etwas wie folgendes mit 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(); 
}, 

tun könnte, wenn Sie eine funktionierende jsfiddle schreiben könnten, wäre es leichter zu lösen sein.