Search results

toolbarSettings

Properties

click

string

Fires when user click on toolbar item in the toolbar.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{click: "onToolbarClick"}
        });
</script>

items

enum

<ts name = "ej.ReportViewer.ToolbarItems"/>

Specifies the toolbar items.

Name Description
Print Specifies the Print as value in ToolbarItems to get specified item.
Refresh Specifies the Refresh as value in ToolbarItems to get specified item.
Zoom Specifies the Zoom as value in ToolbarItems to get specified item.
FittoPage Specifies the FittoPage as value in ToolbarItems to get specified item.
Export Specifies the Export as value in ToolbarItems to get specified item.
PageNavigation Specifies the PageNavigation as value in ToolbarItems to get specified item.
Parameters Specifies the Parameters as value in ToolbarItems to get specified item.
PrintLayout Specifies the PrintLayout as value in ToolbarItems to get specified item.
PageSetup Specifies the PageSetup as value in ToolbarItems to get specified item.

Default Value

  • ej.ReportViewer.ToolbarItems.All

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{ items: ej.ReportViewer.ToolbarItems.All }
        });
</script>

showToolbar

boolean

Shows or hides the toolbar.

Default Value

  • true

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{ showToolbar: true }
        });
</script>

showTooltip

boolean

Shows or hides the tooltip of toolbar items.

Default Value

  • true

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{ showTooltip: true }
        });
</script>

templateId

string

Specifies the toolbar template ID.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{ templateId: "customtoolbarId" }
        });
</script>

customItems

array

Add the custom icon item to the toolbar.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{
                customItems: [{
                            groupIndex: 1,
                            index: 1,
                            itemType: 'Default',
                            cssClass: "e-icon e-mail e-reportviewer-icon CustomItem",
                            tooltip: { header: 'CustomItem', content: 'toolbaritems', value: 'CustomItem' },
                        }]
            }
        });
</script>

customGroups

array

Add the custom icon groups to the toolbar.

Default Value

  • empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").ejReportViewer(
        {
            toolbarSettings:{
                customGroups: [{
                            items: [{
                                itemType: 'Default',
                                cssClass: "e-icon e-mail e-reportviewer-icon CustomGroup",
                                tooltip: { header: 'CustomGroup', content: 'toolbargroups', value: 'CustomGroup' },
                            },
                            {
                                itemType: 'Default',
                                cssClass: "e-icon e-mail e-reportviewer-icon subCustomGroup",
                                tooltip: { header: 'subCustomGroup', content: 'subtoolbargroups', value: 'subCustomGroup' },
                            }],
                            groupIndex: 3
                        }],
            }
        });
</script>