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

Treegrid with advanced editor

I'm trying to add a more advanced editor to the tree grid where the user will click on a row and new row will appear below the one selected with a form in it that will include more detail than the row, plus a rich text editor for notes.

I'm struggling to make the new row appear using addRecord, here's an example...

https://stackblitz.com/edit/react-ajgqlp?file=index.js

If you click the add new record button, the new row appears but not when you click a row.

Any ideas?

TIA


3 Replies

PS Pon Selva Jeganathan Syncfusion Team April 21, 2023 01:41 PM UTC

Hi Richard Craig,


Based on your shared sample, we could see that you are using the rowTemplate feature with Editing functionality. The row template feature is not compatible with Editing functionality. It is a limitation of the rowTemplate feature.


Kindly get back to us for further assistance.


Regards,

Pon selva





RC Richard Craig April 21, 2023 01:53 PM UTC

Is it not the same as using a normal rowTemplate but adding controls such as edit boxes instead of spans as in your example?

Like this...

https://stackblitz.com/edit/react-yqy27l?file=index.js



PS Pon Selva Jeganathan Syncfusion Team April 27, 2023 12:53 PM UTC

Richard Craig,


We need some more additional details to proceed your query. Please share the below details.


  1. Share us the issue details on adding the new record?
  2. Detailed explanation of your issue.
  3. Have you faced issue only by calling addRecord method or adding record through toolbar click?
  4. Video demo /screenshot of your issue.
  5. Stacktrace details ( if face any)
  6. Package version details

Loader.
Live Chat Icon For mobile
Up arrow icon