jqxScheduler requires the following files:
jqx.base.css
jqxcore.js
jqxbuttons.js
jqxscrollbar.js
jqxcalendar.js
jqxdata.js
jqxdate.js
jqxlistbox.js
jqxradiobutton.js
jqxdropdownlist.js
jqxcheckbox.js
jqxnumberinput.js
jqxinput.js
jqxdatetimeinput.js
jqxwindow.js
jqxscheduler.js
jqxscheduler.api.js
To call a function(method), you need to pass the method name and parameters(if any) in the UI component’s instance.<script src="~/jqwidgets/jqxdate.js"></script>
<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxlistbox.js"></script>
<script src="~/jqwidgets/jqxdropdownlist.js"></script>
<script src="~/jqwidgets/jqxwindow.js"></script>
<script src="~/jqwidgets/jqxpasswordinput.js"></script>
<script src="~/jqwidgets/jqxinput.js"></script><script src="~/jqwidgets/jqxradiobutton.js"></script><script src="~/jqwidgets/jqxcheckbox.js"></script><script src="~/jqwidgets/jqxscrollbar.js"></script><script src="~/jqwidgets/jqxscheduler.js"></script><script src="~/jqwidgets/jqxscheduler.api.js"></script><script src="~/jqwidgets/jqxnumberinput.js"></script>@model jQWidgets.AspNet.Core.Models.jQWidgetsDemosContext@using jQWidgets.AspNetCore.Mvc.TagHelpers;@{ViewData["Title"] = "ASP .NET MVC Scheduler Example";}<jqx-scheduler appointment-opacity="0.6" source="Model.Appointments" show-legend="true" view="WeekView" resources="Model.Resources" appointment-data-fields="Model.AppointmentDataFields" date="Model.Date" width="850" height="600"><jqx-scheduler-views><jqx-scheduler-view type="DayView"></jqx-scheduler-view><jqx-scheduler-view type="WeekView"></jqx-scheduler-view><jqx-scheduler-view type="MonthView"></jqx-scheduler-view></jqx-scheduler-views></jqx-scheduler>
To bind to an event of a UI Component, you can use<script src="~/jqwidgets/jqxdate.js"></script>
<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxlistbox.js"></script>
<script src="~/jqwidgets/jqxdropdownlist.js"></script>
<script src="~/jqwidgets/jqxwindow.js"></script>
<script src="~/jqwidgets/jqxpasswordinput.js"></script>
<script src="~/jqwidgets/jqxinput.js"></script><script src="~/jqwidgets/jqxradiobutton.js"></script><script src="~/jqwidgets/jqxcheckbox.js"></script><script src="~/jqwidgets/jqxscrollbar.js"></script><script src="~/jqwidgets/jqxscheduler.js"></script><script src="~/jqwidgets/jqxscheduler.api.js"></script><script src="~/jqwidgets/jqxnumberinput.js"></script>@model jQWidgets.AspNet.Core.Models.jQWidgetsDemosContext@using jQWidgets.AspNetCore.Mvc.TagHelpers;@{ViewData["Title"] = "ASP .NET MVC Scheduler Example";}<jqx-scheduler source="Model.Appointments" show-legend="true" view="WeekView" resources="Model.Resources" appointment-data-fields="Model.AppointmentDataFields" date="Model.Date" width="850" height="600" instance="getInstance()"><jqx-scheduler-views><jqx-scheduler-view type="DayView"></jqx-scheduler-view><jqx-scheduler-view type="WeekView"></jqx-scheduler-view><jqx-scheduler-view type="MonthView"></jqx-scheduler-view></jqx-scheduler-views></jqx-scheduler>@section scripts {<script type="text/javascript">function getInstance(instance) {instance["addAppointment"]({ id: 'id6', subject: 'Interview with Nancy', calendar: 'Room 4', start: new Date(2017, 10, 26, 14, 0, 0), end: new Date(2017, 10, 26, 16, 0, 0) });}</script>}
on-event-type
syntax. The example
code below demonstrates how to bind to an event.
<script src="~/jqwidgets/jqxdate.js"></script>
<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxlistbox.js"></script>
<script src="~/jqwidgets/jqxdropdownlist.js"></script>
<script src="~/jqwidgets/jqxwindow.js"></script>
<script src="~/jqwidgets/jqxpasswordinput.js"></script>
<script src="~/jqwidgets/jqxinput.js"></script><script src="~/jqwidgets/jqxradiobutton.js"></script><script src="~/jqwidgets/jqxcheckbox.js"></script><script src="~/jqwidgets/jqxscrollbar.js"></script><script src="~/jqwidgets/jqxscheduler.js"></script><script src="~/jqwidgets/jqxscheduler.api.js"></script><script src="~/jqwidgets/jqxnumberinput.js"></script>@model jQWidgets.AspNet.Core.Models.jQWidgetsDemosContext@using jQWidgets.AspNetCore.Mvc.TagHelpers;@{ViewData["Title"] = "ASP .NET MVC Scheduler Example";}<jqx-scheduler on-appointment-change="eventHandler()"><jqx-scheduler-views><jqx-scheduler-view type="DayView"></jqx-scheduler-view><jqx-scheduler-view type="WeekView"></jqx-scheduler-view><jqx-scheduler-view type="MonthView"></jqx-scheduler-view></jqx-scheduler-views></jqx-scheduler>@section scripts {<script type="text/javascript">function eventHandler(event) {}</script>}