Skip to main content

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.v22.1.JSBasedControls.dll

NuGet Package: DevExpress.Blazor.Reporting.JSBasedControls

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