Kendo Editor ImageBrowser - undefined instead of names in the file list

[sem]

Hi,

I am trying to integrate kendoEditor into my application. Everything works correctly, even the upload mechanism. The Read action works correctly and returns the list of files and folders, but in the file display the name is incorrect as well as the path. Only "undefined" is displayed under each icon. The wrong icon is also displayed, a clear sign that the JSON returned by the Read does not reach its "destination" correctly.

I have created a project to test how the editor works out of the context of my application, but I still have this problem. I have attached the project to this post, along with an image showing the error message.

Thanks!

Sebastiano

[Aleksandar]

Hi Sem,

The fact that you get the names rendered as undefined means the remote endpoint is actually returning data, but the component fails to bind to it. Upon inspecting the test application I see that the response is serialized in camelCase, but not in PascalCase. That said I can suggest either of the following options to resolve the issue:

• Define a schema for the ImageBrowser

                    .ImageBrowser(imageBrowser => imageBrowser
                        .Image("~/shared/UserFiles/Images/{0}")
                        .Read("Read", "ImageBrowser")
                        .Create("Create", "ImageBrowser")
                        .Destroy("Destroy", "ImageBrowser")
                        .Upload("Upload", "ImageBrowser")
                        .Schema(sch=>sch
                          .Model(m=>m.Fields(f=>f
                              .Name(n=>n.Field("name"))
                              .Size(n=>n.Field("size"))
                              .Type(n=>n.Field("entryType"))
                          ))
                        )
                    )

• Configure the JSON serialization in the Startup.cs class as demonstrated here

  public void ConfigureServices(IServiceCollection services)
  {
      ...
      services
              .AddControllersWithViews()
              .AddJsonOptions(options => 
                  options.JsonSerializerOptions.PropertyNamingPolicy = null);
  
      // Add the Kendo UI services to the services container.
      services.AddKendo();
  }

I hope this helps.

Regards,
Aleksandar
Progress Telerik

[sem]

Hi Aleksandar,

Thanks. Your solution solved my problem perfectly.

Best Regards
Sebastiano