We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Move data grid cell focus

Please understand the requirements through the video provided.

When you watch the video, when you press the button, the child row is "Add" and a value in the column "EQUIP NAME" of the child row is given at the same time.


I want 'cell focus' to automatically go to the next column, "TAG No," when this cell is given a value.


Is there a way to do this?


regards.


7 Replies

TK TaeWook Kang October 18, 2022 05:56 PM

Mail address sent


: wrsec.73@partner.samsung.com



PS Pavithra Subramaniyam Syncfusion Team October 19, 2022 11:37 AM

Hi TaeWook Kang,


Thanks for contacting Syncfusion support.


You can move the focus on the next cell when the first cell value is filled default by calling the “editCell” method inside the “batchAdd” event which will be triggered when a new row is added. Please refer to the below code example and API links for more information.


function batchAdd(e) {

  grid.editCell(0'CustomerID'); // “CustomerID” is the required field name

}

 


API : https://ej2.syncfusion.com/documentation/api/grid/#editcell

         https://ej2.syncfusion.com/documentation/api/grid/#batchadd


Please get back to us if you need further assistance on this.


Regards,

Pavithra S



TK TaeWook Kang October 19, 2022 11:05 PM

I checked the answer you sent me.


But there's a little problem with the answer.







As you move to the parent row, the index of the row after BatchAdd changes.


Please take this into consideration and check.


Regards.






TK TaeWook Kang October 19, 2022 11:06 PM








FS Farveen Sulthana Thameeztheen Basha Syncfusion Team October 24, 2022 05:48 AM

Hi TaeWook Kang,


Query#:-I want 'cell focus' to automatically go to the next column, "TAG No," when this cell is given a value.


From your query we suspect that you need to change the Focus of the cell instead of First cell. To achieve this we have suggested editCell method of the TreeGrid. If you want to dynamically change the row Index value of the editCell method, we suggest to use below code example:-


Refer to the below code:-

function batchAdd(args) {

       var rowInx = this.selectedRowIndex;

       var field = 'taskName';

       this.editCell(rowInx, field); //using editCell method by passing rowInx and fieldName

    }


If we misunderstood your query or your requirement is different from above, please share us the following details.


  1. Complete TreeGrid code details.
  2. Video Demonstration about your issue you have faced.
  3. Detailed Explanation of your requirement.


Regards,
Farveen sulthana T



TK TaeWook Kang October 26, 2022 12:24 AM

Hi,

Thank you for your good reply.


However, the problem was not resolved.

An error occurs because the index of the dynamic Row could not be found.


I will attach a video of the problem I face by email.


I will also attach a video of the question to help you answer it.


Mail address sent


: wrsec.73@partner.samsung.com


Provides a version of the 'Syncfusion' package.

Syncfusion.DocIO.Net.Core ; 20.3.0.50


Syncfusion.EJ2.AspNet.Core ; 20.3.0.50


Syncfusion.EJ2.PdfViewer.AspNet.Core.Windo ; 20.3.0.50


Syncfusion.EJ2.Spreadsheet.AspNet.Core ; 20.3.0.50


Syncfusion.XlsIO.Net.Core ; 20.3.0.50


Syncfusion.XlsIORenderer.Net.Core ; 20.3.0.50


Syncfusion.DocIO.Net.Core ; 20.3.0.50


Regards.



PS Pon Selva Jeganathan Syncfusion Team October 27, 2022 09:15 AM

Hi TaeWook Kang,


Thanks for the update.


Query: An error occurs because the index of the dynamic Row could not be found.


We checked your issue by preparing a sample with latest version(20.3.50), but we were unable to replicate the issue at our end.


Please refer to the below sample,

https://www.syncfusion.com/downloads/support/directtrac/general/ze/coresample_modify428826432


Please refer to the below video demo,

https://www.syncfusion.com/downloads/support/directtrac/general/ze/VIDEOD~2-1281157209


If you still facing issue after trying the above method, please provide the following information


  1. Detailed explanation of your issue and share the replication steps of the issue
  2. Share the Edit Setting details.
  3. Confirm whether you are customizing the treegrid. If yes, kindly share the customization details.
  4. Video demo of the issue and share the stacktrace details (if face any)
  5. Try to replicate the issue in our shared sample or share the issue reproducible sample.


The requested information will be helpful to proceed further


Regards,
Pon selva



Loader.
Live Chat Icon For mobile
Up arrow icon