I have a page where users select a row in a grid to change the document that should be loaded into the PdfViewer component (Blazor serverside). They will not have the ability to use the open document button or select document button provided by the component.
When I select a row in the grid, the PdfViewer component shows the corresponding pdf properly. However, if the page gets in a state where there are no rows in that grid, I want the PdfViewer component to revert to an empty state. It should not be showing the previously selected PDF.
I have tried the following based on a previous post (https://www.telerik.com/forums/how-do-i-clear-the-pdfviewer):
-setting the byte array to []
-setting the byte array to null
-calling Rebind on the PdfViewer component
-calling StateHasChanged
-having the method changing the byte array be synchronous and asynchronous
Setting the byte array to [] just flashes the loading indicator briefly but the component still shows the previous pdf. Setting the byte array to null just keeps the loading indicator displayed indefinitely with the previously displayed pdf underneath. The other suggestions had no other effect.
How do I unload the PDF from the PdfViewer component?
1 Answer, 1 is accepted
Hello Al,
To clear the loaded pdf, pass an empty byte array to the Data parameter of the PDFViewer and re-render it. See this example: https://blazorrepl.telerik.com/mJYgmtcl319b4x5T04
Note how the PDFViewerVisible property is used to show (re-render) PDFViewer after a small delay.
Regards,
Ivan Danchev
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Thanks Ivan, that helped a lot.
A note for others, sometimes I had to use the Task.Delay as demonstrated above, and sometimes StateHasChanged worked.
The suggested workaround is valid for this case, but once the issue is fixed, re-initializing the component won't be needed.