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. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Scheduler sample is not working

Thread ID:

Created:

Updated:

Platform:

Replies:

151039 Jan 28,2020 08:30 PM UTC Jan 29,2020 09:26 AM UTC ASP.NET Core - EJ 2 1
loading
Tags: Scheduler
Guillaume MOULIN
Asked On January 28, 2020 08:30 PM UTC

Hello
When I try sample to customize scheduler quickinfo
https://ej2.syncfusion.com/aspnetcore/documentation/schedule/editor-template/#customizing-quick-popups

To start it seems that form should have this css <form class="e-schedule-form">

But then, footer actions are working, except when I try to add an item, I get :
     Uncaught TypeError: Cannot read property 'parentElement' of null
         at t.getErrorElement (constants.js:93)
         at t.validateRules (constants.js:93)
         at t.validate (constants.js:93)
         at e.quickPopupHide (constants.js:93)
         at e.saveClick (constants.js:93)
I can't understand

Bonus :)
  1. Where can we get default quickinfo (how to get date and recurrence in the good way) ?
  2. Do you have a sample with a drop down for event creation ?
Thanks in advance.


Vengatesh Maniraj [Syncfusion]
Replied On January 29, 2020 09:26 AM UTC

Hi Guillaume MOULIN, 

Greetings from Syncfusion Support. 

We have ensured the reported case at our end and it could be working fine as expected while save the event. For more reference please refer the below sample. In this sample we have add the dropdown in quick popup by making use of popupOpen events. Please refer below, 

<ejs-schedule id="schedule" height="550" selectedDate="new DateTime(2018, 2, 15)" views="@ViewBag.view" popupOpen="onPopupOpen"> 
    <e-schedule-eventsettings dataSource="@ViewBag.datasource"></e-schedule-eventsettings> 
    <e-schedule-quickinfotemplates header="#headerTemplate" content="#contentTemplate" footer="#footerTemplate"> 
    </e-schedule-quickinfotemplates> 
</ejs-schedule> 


<script type="text/javascript"> 
    function onPopupOpen(args) { 
        if (args.type === "QuickInfo" && args.target && args.target.classList.contains('e-work-cells')) { 
            let row = ej.base.createElement("div", { className: "custom-field-row" }); 
            let container = ej.base.createElement("div", { 
                className: "custom-field-container" 
            }); 
            let inputEle = ej.base.createElement("input", { 
                className: "e-field", 
                attrs: { name: "EventType" } 
            }); 
            container.appendChild(inputEle); 
            row.appendChild(container); 
            var dropDownList = new ej.dropdowns.DropDownList({ 
                dataSource: [ 
                    { text: "Public Event", value: "public-event" }, 
                    { text: "Maintenance", value: "maintenance" }, 
                    { text: "Commercial Event", value: "commercial-event" }, 
                    { text: "Family Event", value: "family-event" } 
                ], 
                fields: { text: "text", value: "value" }, 
                value: "", 
                floatLabelType: "Always", 
                placeholder: "Event Type" 
            }); 
            dropDownList.appendTo(inputEle); 
            let formElement = args.element.querySelector(".e-schedule-form"); 
            formElement.appendChild(row); 
        } 
    } 
</script> 



Kindly try the above and revert us for further assistance. 

Regards, 
Vengatesh 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon