How to select multiple files in Blazor FileManager?

[Syncfusion Support]

Answer:

The user can then deselect and select any files in any of the folders and the Filemanager should persist these selected files as the user navigates through the folders by using OnSucesss event of FileManager component.

Please, refer to the below code sample to know how to use OnSuccess event of FileManager.

@using Syncfusion.Blazor.FileManager

@using Newtonsoft.Json

<SfFileManager @ref="filemanager" SelectedItems="@selectedItems" ShowThumbnail="false">

<FileManagerEvents OnSuccess="success">FileManagerEvents>

<FileManagerAjaxSettings Url="/api/Home/AzureFileOperations"

UploadUrl="/api/Home/AzureUpload">

FileManagerAjaxSettings>

SfFileManager>

@code{

SfFileManager filemanager;

public string[] selectedItems { get; set; }

public async Task success(SuccessEventArgs args)

{

if (args.Action == "read")

{

System.Diagnostics.Debug.WriteLine("sucess triggered");

string dataString = JsonConvert.SerializeObject(args.Result);

Dictionary<string, dynamic> fileDetails = JsonConvert.DeserializeObjectstring, dynamic>>(dataString);

Dictionary<string, dynamic>[] fileDetails1 = JsonConvert.DeserializeObjectstring, dynamic>[]>(JsonConvert.SerializeObject(fileDetails["files"]));

if (fileDetails1[0]["filterPath"] == "/")

{

await Task.Delay(100);

selectedItems = new string[] { "images" };

}

else if (fileDetails1[0]["filterPath"] == "/documents/")

{

await Task.Delay(100);

selectedItems = new string[] { "docu" };

}

else if (fileDetails1[0]["filterPath"] == "/videos/")

{

await Task.Delay(100);

selectedItems = new string[] { "Test" };

}

}

}

}

Find the sample link here.