Hi,
When allowInline is set to true, and a custom eventTemplate is being used to render events, then it is impossible to perform inline editing due to incorrect query selectors.
Error:
DOM:
The issue is that the inline edit function expects the default cell template which looks like this:
Please support custom inline edit templates.
Hi Jack,
Greetings from Syncfusion support.
We have validated your reported issue at our end and confirmed this as a bug and logged the defect report "Unable to inline edit when using eventTemplate" which can be tracked from the following link.
https://www.syncfusion.com/feedback/38576/unable-to-inline-edit-when-using-eventtemplate
The fix for this defect will be included in our upcoming weekly patch release which is expected to be rolled out by the 1st week of November 2022. We would appreciate your valuable patience until then.
Note:
In meantime, we suggest you use div with e-inner-wrap class in eventTemplate as shown below, and the same is available in the below-shared sample.
[index.js]
function eventTemplate(props) { return ( <div className="e-inner-wrap"> <div className="e-subject">{props.Subject}</div> <div className="time">Time: {getTimeString(props.StartTime)} -{' '} {getTimeString(props.EndTime)}</div> <div className="location">{props.Location}</div> </div> ); } |
Sample: https://stackblitz.com/edit/react-8kuxzs-8ndjzu?file=index.js
Kindly try the above sample and get back to us if you need any further assistance on this.
Regards,
Swathi Ravi
Hi Swathi,
Thanks for your suggested fix, that has unblocked us with inline editing. It would be great to have complete control over the inline editing template within our custom event template, but this fix is
Hi Jack,
Thanks for the update.
We are happy that our suggested fix helped you. We tried to validate your query “It would be great to have complete control over the inline editing template within our custom event template, but this fix is” at our end. But, we are unable to understand your query at our end. Can you kindly share more details about your requirement?
Regards,
Ravikumar Venkatesan
We are glad to announce that our Essential Studio 2022 Volume 3 SP release v20.3.0.56 is rolled out and is available for download under the following link. In this release, an issue with “unable to inline edit when using eventTemplate” has been fixed. As a result, we recommend you upgrade to the latest version of our Syncfusion packages to avail yourself of those changes.
Release notes: https://ej2.syncfusion.com/documentation/release-notes/20.3.56/?type=all#schedule
Feedback: https://www.syncfusion.com/feedback/38576/unable-to-inline-edit-when-using-eventtemplate
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.