)
We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to pass ID from client to a controller of the PdfViewerControl

Platform: ASP.NET MVC |
Control: PdfViewer |
Published Date: May 15, 2018 |
Last Revised Date: June 7, 2019

PDF Viewer

The ASP.NET MVC PDF Viewer control supports viewing, reviewing, and printing PDF files in ASP.NET MVC applications. The hyperlink and table of contents support provides easy navigation within and outside the PDF files. The form-filling support provides a platform to fill, flatten, save, and print PDF files with AcroForm. PDF files can be reviewed with text markup annotation tools.

Passing ID from client to Controller

PDF Viewer for ASP.NET MVC provides support to pass ID from the client to the server using the serviceUrl property.

To achieve this, interchange the ID and action string in the routeTemplate property of Register(HttpConfiguration config) in WebApiConfig.cs.

Refer to the following code snippet. 

        public static void Register(HttpConfiguration config) 
        { 
            config.Routes.MapHttpRoute( 
                name: "DefaultApi", 
                routeTemplate: "api/{controller}/{id}/{action}", 
                defaults: new { id = RouteParameter.Optional } 
            ); 
        } 
 

Then, pass the ID from the view page to the web API controller. Refer to the following code snippet.

HTML

@(Html.EJ().PdfViewer("pdfviewer").ServiceUrl("../api/PdfViewer/10")) 
 
//Where 10 is the additional parameter that has been passed to the Load method of the controller. 
 
String value can also be passed to the Web API controller

C#

In the Web API controller, add an overload in the web action methods as follows.

        public object Load(int id, Dictionary<string, string> jsonResult) 
        { 
              //code 
        } 
//Where ID will retrieve the value 10 that has been passed in the HTML file. 

 

Note:

If you are passing the value as a string, the datatype of ID must be a string. 

Sample link:

http://www.syncfusion.com/downloads/support/directtrac/general/ze/PDFViewer-1549172864

Executing the previously given sample will provide the output as follows.

PdfViewer

You can find the PDF Viewer’s other options like adding Toolbar Customization, TextMarkup annotation, and Handwritten Signature features here with code examples.

 Refer here to explore the rich set of PDF Viewer features. 

An online demo link to view PDF documents using Syncfusion PDF Viewer.

See Also: 

https://www.syncfusion.com/jquery/aspnet-web-forms-ui-controls/pdf-viewer

https://www.syncfusion.com/jquery/javascript-ui-controls/pdf-viewer

https://www.syncfusion.com/uwp-ui-controls/pdf-viewer

https://www.syncfusion.com/winforms-ui-controls/pdf-viewer

https://www.syncfusion.com/wpf-ui-controls/pdf-viewer

 

 

2X faster development

The ultimate ASP.NET MVC UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon