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.
Unfortunately, activation email could not send to your email. Please try again.

How to print the syncfusion canvas control such as barcode by using PrintGrid

You can print the Syncfusion control(barcode) using beforePrint client side event of the grid. Initially you can display the ejBarcode control in Grid by using column feature of grid.

Sample Link: http://jsplayground.syncfusion.com/lsyjtfhb

1. Render the Grid control.

JS

 

MVC

 

ASP.NET

 

2. For adding ejBarcode control as grid column, using “template” property of columns, create an element using jsRender and convert the element to corresponding controls by using templateRefresh and dataBound event of the grid.

 

JS

3.In beforePrint event, you have to convert this canvas element to image and then print the ejBarcode control.

JS

 

The following output is displayed as a result of the above code example.

Figure 1: Grid with barcode control

Figure 2: To print barcode control

Article ID: Published Date: Last Revised Date: Platform: Control:
7627 03/31/2017 03/31/2017 JavaScript ejGrid
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

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.