1. Feedback
  2. Blazor
  3. 31816

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

I get a JavaScript error when trying to remove a file in a SfUploader UploaderTemplates

Here is my code: 

<SfUploader AutoUpload="false" AllowMultiple="true" SequentialUpload="true">
<UploaderAsyncSettings > </UploaderAsyncSettings>
<UploaderEvents BeforeUpload="OnBeforeUpload"></UploaderEvents>
<UploaderTemplates>
<Template>
<ul class="e-upload-files px-2 pt-2">

<li class="e-upload-file-list">

<span class="e-file-container">
<span class="e-file-name">@(context.Name)</span>

<span class="e-file-status"></span>
</span>
<span class="e-icons e-file-delete-btn " tabindex="0" title="Delete file"></span>


</li>
</ul>

</Template>
</UploaderTemplates>
</SfUploader>

Here is the output in the console in Chrome 

Uncaught TypeError: Cannot read properties of undefined (reading 'id')
    at syncfusion-blazor.min.js:formatted:64434:54
    at Array.filter ()
    at i (syncfusion-blazor.min.js:formatted:64433:48)
    at e.getFileListData (syncfusion-blazor.min.js:formatted:64438:29)
    at e.getFilesInArray (syncfusion-blazor.min.js:formatted:64425:58)
    at e.remove (syncfusion-blazor.min.js:formatted:64579:41)
    at e.removeFiles (syncfusion-blazor.min.js:formatted:62876:86)

and I also set a breakpoint in Chrome for t he JS function that is throwing the error. Here's a screenshot of it. 

Screenshot 2022-01-11 at 10.08.11 pm.png