Having issues using Schedule in my application
10 Replies
Hi Ameet,
Thanks for contacting Syncfusion support.
We have analyzed the reported scenario with the shared sample and found that some of the necessary application configuration were missed in the sample. Therefore, we have added those missing configuration changes in the shared sample and resolved the issue. Please find the modified sample from the following location.
Please refer to the following code changes made in the above sample to overcome the reported issue.
App.module.ts file:
|
import { BrowserModule } from '@angular/platform-browser';
---------------------------
---------------------------
---------------------------
import { ScheduleAllModule, RecurrenceEditorAllModule } from '@syncfusion/ej2-ng-schedule';
---------------------------
---------------------------
---------------------------
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule
, HttpClientModule, ScheduleAllModule // Here we need to import the modules which are used in the application
],
providers: [
DataService
],
bootstrap: [AppComponent]
})
export class AppModule { } |
ClientApp/src/index.html page:
|
<body>
<the-shop></the-shop>
</body>
</html> |
Startup.cs page:
|
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.SpaServices.AngularCli;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
namespace WebApplication1
{
public class Startup
{
// This method gets called by the runtime. Use this method to add services to the container.
public void ConfigureServices(IServiceCollection services)
{
services.AddMvc();
services.AddSpaStaticFiles(configuration =>
{
configuration.RootPath = "ClientApp/dist";
});
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseBrowserLink();
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
}
app.UseSpaStaticFiles();
app.UseMvc();
app.UseSpa(spa =>
{
spa.Options.SourcePath = "ClientApp";
if (env.IsDevelopment())
{
spa.UseAngularCliServer(npmScript: "start");
}
});
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});
} |
Style.css page:
|
/* You can add global styles to this file, and also import other style files */
@import url('../node_modules/@syncfusion/ej2-schedule/styles/material.css'); |
Also, include the following packages before running the sample to run the sample properly.
- Microsoft.AspNetCore.SpaServices.Extensions
Sample Output:
Kindly try with the above sample and code example and let us know if you need any further assistance on this.
Regards,
Arulraj A
Hi Ameet,
Please find the following screenshot to know about the details of the JS2 Schedule control LoadData and UpdateData method request and its passing JSON object details.
LoadData: [To get the data on initial load]
We are passing the StartDate and EndDate value along with the LoadData method as shown below.
UpdateData: [Performing CRUD action]
We are passing the newly created appointment details in the value argument and current action (ex: insert) in the action as shown below.
While updating the appointment details will passed as shown below.
When deleting the record the appointment details will be passed as shown below.
Kindly check with the above screenshots and let us know if any other concerns on this.
Arulraj A
SIGN IN To post a reply.
