Search results

reportItemExtensions array

Properties

name string

Gets or sets the name for the report item.

Default Value

  • empty

className string

Gets or sets the class name of the report item.

Default Value

  • empty

imageClass string

Gets or sets the image class name to load image in widgets pane tile.

Default Value

  • empty

displayName string

Gets or sets the name for custom report item to display in the widgets pane tile.

Default Value

  • empty

category string

Gets or sets the category name for the report item.

Default Value

  • empty

toolTip object

Gets information to provide content for custom report item tooltip.

Name Description
requirements Gets or sets the minimum values required for the report item
description Gets or sets the description content for the report item.
title Gets or sets the title for report item.

Default Value

  • null

Example

  • Add a custom report item
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
      reportItemExtensions: [{
        name: 'barcode',
        className: 'EJBarcode',
        imageClass: 'customitem-barcode',
        displayName: 'Barcode',
        category: 'Custom ReportItem',
        toolTip: {
            requirements: 'Add a report item to the designer area.',
            description: 'Display the barcode lines as report item.',
            title: 'Barcode'
        }
    }]
  });
</script>
  • Add multiple custom report items
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
      reportItemExtensions: [
        {
        name: 'barcode',
        className: 'EJBarcode',
        imageClass: 'customitem-barcode',
        displayName: 'Barcode',
        category: 'Barcodes',
        toolTip: {
            requirements: 'Add a report item to the designer area.',
            description: 'Display the barcode lines as report item.',
            title: 'Barcode'
          }
        },
       {
        name: 'qrbarcode',
        className: 'EJQRBarcode',
        imageClass: 'customitem-qrbarcode',
        displayName: 'QR Barcode',
        category: 'Barcodes',
        toolTip: <IItemTooltip>{
            requirements: 'Add a report item to the designer area.',
            description: 'Display the barcode lines as report item.',
            title: 'QR Barcode'
        }
      }]
  });
</script>