Excel Export and PDF buttons disabled with now records

[Reid]

How can we disable the Excel and PDF grid toolbar buttons if there is no record count?

[Tsvetomir]

Hi Reid,

In order to make some buttons within the grid's toolbar disabled, refer to the code snippets below:

1. Subscribe to the dataBound event of the grid:

.Events(ev=>ev.DataBound("onDataBound"))

2. Access the buttons within the toolbar and add the "k-state-disabled" class. This would make them appear disabled and will prevent the user from clicking them.

.ToolBar(toolbar=> {
    toolbar.Excel();
    toolbar.Pdf();
})

<script>
    function onDataBound(e) {
        if (!e.sender.dataSource.total()) {
            $(".k-grid-toolbar a.k-grid-excel").addClass("k-state-disabled");
            $(".k-grid-toolbar a.k-grid-pdf").addClass("k-state-disabled");
        }
    }
</script>

Let me know in case there is a need for additional clarifications.


Kind regards,
Tsvetomir
Progress Telerik

[Reid]

Thank you for that.