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.
Unfortunately, activation email could not send to your email. Please try again.

How to bind the data to the schedule control through the Ajax call?

In general, the Schedule control supports Data binding in many ways. One such way is to bind it through the Ajax call by using MVC application.

Step 1: Add the Schedule code in the View page of the MVC application to render it as follows.

Index.cshtml

 

JavaScript

 

Step 2: Define a HTML button in the same view page as shown, to trigger the Ajax call on clicking it.

Index.cshtml

 

Step 3: Define the JsonResult action method, for example GetData, in the Controller page in order to read the appointment details from the database.

Controller

 

Step 4: Now, call the above defined action method (GetData) via Ajax call from the View page by clicking the button as mentioned in the following code.

Index.cshtml

 

Step 5: Run the sample now and initially the Schedule control renders without any appointments. After clicking the button, the successful Ajax post retrieves the appointment collection and renders it to the control.

 

Figure 1: Schedule display at page load

Figure 2: After clicking the button               

Sample Link:

AjaxDataBinding

Article ID: Published Date: Last Revised Date: Platform: Control:
2706 11/19/2014 08/27/2015 JavaScript ejSchedule
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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.