Razor Page
This article describes how to configure the DataSource of a Telerik FileManager in a RazorPage scenario.
In order to set up the FileManager component bindings, you need to configure the Read , Create, Update and Destroy methods of the DataSource instance. The URL in this method should refer the name of the handler in the PageModel. In this method, you can also pass additional parameters, such as the antiforgery token (see forgeryToken). See the implementation details in the example below, and for the full project with RazorPages examples, visit our GitHub repository.
@Html.AntiForgeryToken()
@(Html.Kendo().FileManager().Name("filemanager")
.DataSource(ds =>
{
ds.Read(operation => operation
.Type(HttpVerbs.Post)
.Url("/FileManager/FileManagerIndex?handler=FileManagerRead")
.Data("forgeryToken")
);
ds.Destroy(operation => operation
.Type(HttpVerbs.Post)
.Url("/FileManager/FileManagerIndex?handler=FileManagerDestroy")
.Data("forgeryToken")
);
ds.Create(operation => operation
.Type(HttpVerbs.Post)
.Url("/FileManager/FileManagerIndex?handler=FileManagerCreate")
.Data("forgeryToken")
);
ds.Update(operation => operation
.Type(HttpVerbs.Post)
.Url("/FileManager/FileManagerIndex?handler=FileManagerUpdate")
.Data("forgeryToken")
);
})
.UploadUrl("/FileManager/FileManagerIndex?handler=FileManagerUpload")
)
<script>
function forgeryToken() {
return kendo.antiForgeryTokens();
}
</script>
@Html.AntiForgeryToken()
<kendo-filemanager name="filemanager" upload-url="/FileManager/FileManagerIndex?handler=FileManagerUpload">
<filemanager-datasource>
<transport>
<read url="/FileManager/FileManagerIndex?handler=FileManagerRead" data="forgeryToken" type="POST" />
<destroy url="/FileManager/FileManagerIndex?handler=FileManagerDestroy" data="forgeryToken" type="POST" />
<create url="/FileManager/FileManagerIndex?handler=FileManagerCreate" data="forgeryToken" type="POST" />
<update url="/FileManager/FileManagerIndex?handler=FileManagerUpdate" data="forgeryToken" type="POST" />
</transport>
</filemanager-datasource>
</kendo-filemanager>
<script>
function forgeryToken() {
return kendo.antiForgeryTokens();
}
</script>
public class FileManagerIndexModel : PageModel
{
//public static IList<OrderViewModel> orders;
public FileManagerIndexModel(IWebHostEnvironment hostingEnvironment)
{
HostingEnvironment = hostingEnvironment;
directoryBrowser = new FileContentBrowser();
}
protected readonly IWebHostEnvironment HostingEnvironment;
private readonly FileContentBrowser directoryBrowser;
public virtual JsonResult OnPostFileManagerRead(string target)
{
var path = NormalizePath(target);
if (Authorize(path))
{
try
{
var files = directoryBrowser.GetFiles(path, Filter);
var directories = directoryBrowser.GetDirectories(path);
var result = files.Concat(directories).Select(VirtualizePath);
//return Json(result.ToArray());
return new JsonResult(result.ToArray());
}
catch (DirectoryNotFoundException)
{
throw new Exception("File Not Found");
}
}
throw new Exception("Forbidden");
}
public virtual ActionResult OnPostFileManagerCreate(string target, FileManagerEntry entry)
{
FileManagerEntry newEntry;
if (!Authorize(NormalizePath(target)))
{
throw new Exception("Forbidden");
}
if (String.IsNullOrEmpty(entry.Path))
{
newEntry = CreateNewFolder(target, entry);
}
else
{
newEntry = CopyEntry(target, entry);
}
return new JsonResult(VirtualizePath(newEntry));
}
public virtual ActionResult OnPostFileManagerDestroy(FileManagerEntry entry)
{
var path = NormalizePath(entry.Path);
if (!string.IsNullOrEmpty(path))
{
if (entry.IsDirectory)
{
DeleteDirectory(path);
}
else
{
DeleteFile(path);
}
//return Json(new object[0]);
return new JsonResult(new object[0]);
}
throw new Exception("File Not Found");
}
public virtual ActionResult OnPostFileManagerUpdate(string target, FileManagerEntry entry)
{
FileManagerEntry newEntry;
if (!Authorize(NormalizePath(entry.Path)) && !Authorize(NormalizePath(target)))
{
throw new Exception("Forbidden");
}
newEntry = RenameEntry(entry);
//return Json(VirtualizePath(newEntry));
return new JsonResult(VirtualizePath(newEntry));
}
}