Custom report print

I'm using VS2017, Syncfusion JS2 components, EF6, MVC5.

I tryed to follow your example "Sample1357381980" but it is for JS1, so it doesn't work in my environment. 

I need to print some reports wich will contain non tabular data. Please see bellow:

Scenario one is:

a - users will select a register in a child grid and press a print button

b - MVC5 web application has to print current order data and the selected related register (basic client/order/quotation relationship) to a report which should look like the following picture:

Question: Whatis the best way to achieve that?

Scenario two:

a - consider now the user selecting a register in the main grid which contains related orders registers (1:N relationship);

b - MVC5 web application has to print current order data and the selected related registers to a custom report as shown in the picture above.

Question 2: How to do it?

Thanks in advance!

Hi Vanderlei, 

Query #1 & #2: What is the best way to achieve that? How to do it? 

We have analyzed your query and we can achieve your requirement by enabling the grid internal event printGrid-Init to print the selected records and beforePrint to add custom content in the printing sheet. In the below sample, using grid.on method we have bind the printGrid-Init event in the grid and in the beforePrint event, we have prepend a custom div element to the grid. Please refer to the below sample for your reference, 

Code Example:  

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/custom-print-1512159302  

Documentation: https://ej2.syncfusion.com/documentation/api/grid/#beforeprint  

Please get back to us for further assistance. 

Regards, 

Thavasianand S.