How can load file to Kendo PDF Viewer?

I have the following PDF Viewer in my view, How can I update pdf.File(Url.Content("~/pdf/test.pdf") based on the selected project.

 <div id="preview">
            
            @(Html.Kendo().PDFViewer().Name("pdfPreview")
                .PdfjsProcessing(pdf => pdf.File(Url.Content("~/pdf/test.pdf")))
                .Toolbar(toolbar =>
                        toolbar.Items(items =>
                        {
                            items.Add().Name("pager");                               
                        })
                    )
                    .Height(701)
                )
        </div>

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

You can load the pdf like so – I can’t test this right now, so there may be some typo’s but this is based on the example located here: https://demos.telerik.com/aspnet-mvc/pdfviewer/api

    $.ajax({
        url: `/product/product/pdfDocumentread?documentID=${documentID}&productID=${productID}`,
        type: 'GET'
    })
    .done(function(data) {
       //here I want to load data.DocumentFilePath to PDF preview
       var pdfViewer = $("#pdfPreview").data("kendoPDFViewer");
       pdfViewer.fromFile(data.DocumentFilePath)
    })

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0