Close the Multi-Select Parameter Editor in the Html5 Report Viewer on Each Selection

Environment

Product

Progress® Telerik® Reporting

Description

The multi-select parameter editor in the Html5 Report Viewer is a Kendo Multiselect widget .Generally, you may control whether its popup with the available values is opened or closed. In some cases, it is required that the popup closes on each item selection. The implementation of the Html5 Viewer doesn't include this functionality and the popup with the available values stays opened until the user clicks outside the popup area.
The reason for this is that if the AutoRefresh of the corresponding Report Parameter is True and the popup closes on each item select, the report would be automatically refreshed on each item selection, which may be overhead.

Suggested Workarounds

Here is a sample code you may apply in the renderingEnd event handler of the viewer:

$("#reportViewer1")
    .telerik_ReportViewer({
    ....
        renderingEnd: function () {
            var multiselect = $(".k-widget .k-multiselect .trv-combo").data("kendoMultiSelect");
            multiselect.bind("change", function () {
                if (!multiselect.open()) { multiselect.toggle() };
            });
        }
    });

Generally, the above function selects the Kendo Multiselect widget and sets up its Change event handler to close the popup if it is opened.