Bar code in pdf header

[Marc]

Is there an example of how to render a bar code widget in a pdf export header using a kendo template? I'm using MVC/Razor.

 

This does not work

 

<script type="x/kendo-template" id="page-template">
    <div class="pdf-page-template">
        <div class="header">
            <h1>My Order</h1>

    <div>@(Html.Kendo().Barcode().Name("gudbrands").Value(Model.OrderNumber).Encoding(BarcodeSymbology.Code39).Width(280).Height(100))</div>
                <div><strong>Order Number</strong> @Model.Header.OrderNumber
        </div>
    </div>
</script>

[Georgi]

Hello Marc,

Have you considered adding the barcode above the grid and export the parent element of both widgets?

Same approach is shown in the following demo:

• https://demos.telerik.com/aspnet-mvc/pdf-export

Since adding the widget to the pdf template will not work as expected.


Regards,
Georgi
Progress Telerik

[Marc]

The bar code is only relevant to a hard copy printed from the pdf so I'd prefer not to have it on the web page. Is there no way to include the code into the template?

[Georgi]

Hello Marc,

You could append the barcode when the grid is exported.

e.g.

var grid1 = $('#grid').data('kendoGrid');

var progress = $.Deferred();

grid1._drawPDF(progress)
  .then(function(firstGrid) {

  var barcode = $('<span></span>')
  .appendTo($('#barcodeContainer'))
  .kendoBarcode({
    value: "2346722",
    type: "ean8",
    width: 280,
    height: 100
  }).data('kendoBarcode');


kendo.drawing.drawDOM($("#barcodeContainer"))
    .then(function(barcodepdf){
      debugger
    barcodepdf.children.forEach(function(x){
      firstGrid.children.unshift(x);
    })

    return kendo.drawing.exportPDF(firstGrid, { multiPage: true });

  }).done(function(dataURI) {
    kendo.saveAs({
      dataURI: dataURI,
      fileName: "test.pdf"
    });
    progress.resolve();
    $('#barcodeContainer').empty()
  })

Below you will find a small sample which demonstrates the above approach:

• https://dojo.telerik.com/iBuyOWAl

I hope this helps.


Regards,
Georgi
Progress Telerik