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.

DxReportDesignerCallbacks.ComponentAdded Property

Specifies the JavaScript function that handles the Web Report Designer’s ComponentAdded client-side event.

Namespace: DevExpress.Blazor.Reporting

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

Declaration

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

Property Value

Type Description
String

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

Remarks

The ComponentAdded event is raised when a report control is dropped from the toolbox to the report in the Report Designer.

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

  • Model
    The model of the component that has been added to a report.

  • Parent
    The control on which the component has been dropped.

The following example changes the text and textAlignment properties of label controls added to the report:

window.ReportingDesignerCustomization = {
    onComponentAdded: function (s, e) {
        var model = e.Model;
        if (model.controlType === "XRLabel") {
            model.text("Label");
            model.textAlignment("MiddleCenter")
        }
    }
}
See Also