How to update form data after click event custom “Button” control?

I created new custom control like button and after every click I need to update value of this control

import ButtonComponent from 'formiojs/components/button/Button.js';

export default class DynamicButton extends ButtonComponent {
  ...
  build() {
    this.dataValue = '';
    ...
    this.addEventListener(this.buttonElement, 'click', (event) => {
      this.dataValue = "some data";
    });
  }
  ...
}

So, value is updated and if I print console.log(this.data) here it’s also updated, but it doesn’t trigger “change” event on form and when I submit form then data for this control doesn’t exist.

What I need to execute to trigger “change” event on form and populate data of this control to form?

[gladkiy]

I did the following:

build() {
    this.dataValue = '';
    ...
    this.addEventListener(this.buttonElement, 'click', (event) => {
      this.dataValue = "some data";
      this.triggerChange();
      console.log(this.dataValue);
      console.log(this.data);
    });
    ...
  }

But this.data = { "userName": "some data" } and this.dataValue = undefined. Why does this happen? Maybe because I inherit my control from “Button” that has just true or false value and this control overwrites value somehow?

I also have:

getValue() {
  return this.dataValue;
}

set dataValue(value) {
  super.dataValue = value;
}

How can I populate this.dataValue?

[gladkiy]

I resolved that issue. I just inherit my custom control from TextFieldComponent.