All docs
V21.1
21.2 (EAP/Beta)
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

DxDocumentViewerCallbacks.CustomizeParameterEditors Property

Specifies the handler for the CustomizeParameterEditors client-side event that allows you to specify the parameter editor for the report parameter.

Namespace: DevExpress.Blazor.Reporting

Assembly: DevExpress.Blazor.Reporting.v21.1.JSBasedControls.dll

Declaration

[Parameter]
public string CustomizeParameterEditors { get; set; }

Property Value

Type Description
String

The name of a JavaScript function used to handle the CustomizeParameterEditors event.

Remarks

A report can let users specify parameter values and use them to create a document displayed in a Document Viewer. The Web Document Viewer automatically selects the editor type used to edit parameter values.

Parameter Editor

The CustomizeParameterEditors event allows you to individually specify the parameter editor for each parameter.

The handler function receives two parameters - the first parameter is the client-side Document Viewer (the event sender) and the second parameter is an object with the following properties and methods:

  • parameter
    An object that stores the parameter information.

  • info
    An object that stores information required to serialize a parameter editor.

The following example removes the time part from the calendar editor:

Web Parameter Editor DateTime Without Time

View Example: Blazor Reporting - UI Customization API

window.ReportingViewerCustomization = {
    //Remove the time portion from the DateTime parameter editor
    onCustomizeParameterEditors: function(s, e) {
        if(e.parameter.type === "System.DateTime") {
            e.info.editor = $.extend({}, e.info.editor);
            e.info.editor.extendedOptions = $.extend(e.info.editor.extendedOptions || {}, { type: 'date' });
        }
    }
}
See Also