Failed to execute 'closest' on 'Element': '.' is not a valid selector.
Hi,
When using the Scheduler (v 18.1.0.59) we see the following error in the console
"Failed to execute 'closest' on 'Element': '.' is not a valid selector." Which prevents the ActionCompleted event from being fired and any updates we make to the entry are not saved
SIGN IN To post a reply.
31 Replies
Thanks for getting back to me.
This is the standard Scheduler control setup so we don't experience any issues either using your sample, however our application is more complicated than this so it's not really comparable or helping us. As we have been able to capture the error message, there is obviously an issue.
To explain more our SfSchedule control includes two SfDropDownLists and we need to be able to populate these with options based on a value and then set the correct value for these two SfDropDownLists. However, when we capture the onclick event to populate the dropdownLists and then call
await SfSchedule.OpenEditor(eventData, CurrentAction.EditOccurrence);
we get this
We just need a way to populate the dropdown lists before setting their value, we tried using OnPopupOpen but although the dropdownlists get populated the value is never set. Here is the code we are using with the EditorTemplate
and here is the OnPopupOpen code
public async Task OnPopupOpen(PopupOpenEventArgs args)
{
if (args.Type == PopupType.QuickInfo)
{
args.Cancel = true;
}
else
{
CaseReference = args.Data.CaseReference;
if (CaseReference != null)
{
Stages = await sageService.GetStagesAsync(CaseReference);
BookingTypes = await sageService.GetBookingTypesAsync(CaseReference);
}
else
{
Stages = new List();
BookingTypes = new List();
}
}
}
Thanks,
Alex
We are now able to recreate, the console error displayed happens when updating an existing entry
Hi, we tried adding the css and that still didn't work.
We've moved to the latest version and following this example
https://blazor.syncfusion.com/documentation/scheduler/editor-template/#how-to-add-resource-options-within-editor-template
However, the example doesn't seem to work as the owner names are not displaying.
This issue is becoming a major embarrasement to us as it's work we've done on behalf of our client so grateful for any help.
Alex
Hi,
Thanks for the response and sample.
We've been able to pin point the issue with Scheduler. When we include an AutoComplete control within the EditorTemplate the error message ""Failed to execute 'closest' on 'Element': '.' is not a valid selector."" is always displayed and we have included CssClass="e-field"
This is using v 18.1.43. Could you confirm this your side?
When we remove the AutoComplete control we get the following error but the entry is saved
Thanks,
Alex
Actually when we removed the auto complete, we still have an issue if we add a timesheet entry and then update. If we add a timesheet entry and then refresh the page we don't get the issue,
Hi,
I've watched the video, you need to add Case, Stage and Booking type and the other fields. This is getting ridiculous, this issue has been open for nearly 3 weeks. As mentioned above I asked you to get in touch if you needed any further help to reproduce the issue.
We can produce every time - just complete all the fields and save. Click to edit and then save again and you get the error below which prevents ActionCompleted from completing so impossible to save an Entry.
I'm available now to help.
Alex
Unfortunately, it still doesn't work.
Create an entry and save, refresh the page and edit and the Stage and BookingType are missing.
Unfortunately this has made the problem worse! Now the case is also missing, not just stage and booking type. Add an entry and save. Refresh page and all dropdowns are now empty.
We've checked the video but you're not setting all the values - this is getting absolutely ridiculous. Our client is no longer willing to pay for the work we've done as the scheduler control is so flaky. We get this error whenever we now try to update an entry. What does the error message relate to?
SIGN IN To post a reply.
