FormBuilder.js：如何從無線電組控件繼承？

Question

我正在嘗試為 FormBuilder 創建一個新控件，它基本上是一個無線電組控件（我的意思是它具有與無線電組控件相同的配置）但我需要定義一個自定義 build() 和 onRender() 方法。

我閱讀了很多次文檔，但無法使其正常工作，這是我正在嘗試做的一個簡單示例。

if (!window.fbControls) window.fbControls = new Array();
window.fbControls.push(function (controlClass) {

  class controlMultipleObjects extends controlClass {

    static get definition() {
      return {
        icon: '\uD83D\uDD89',
        i18n: {
          default: 'Control Multiple Items'
        }
      };
    }

    configure() {
      // this.js = '//cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js';
    }

    /**
     * build a text DOM element, supporting other jquery text form-control's
     * @return DOM Element to be injected into the form.
     */
    build() {

      this.dom = this.markup('div', null, {class:'multipleObjectsController', id: this.config.name});

      return this.dom;
    }

    onRender() {
    }
  }

  // register this control for the following types & text subtypes
  controlClass.register('multipleObjects', controlMultipleObjects);
  return controlMultipleObjects;
});

這基本上有效，新控件“multipleObjects”顯示在表單構建器中，但是當打開控件的配置時，它只顯示“值”項。 我需要像 radio-group、select 或 select-group 控件一樣顯示多個值。

有任何想法嗎？

謝謝！

Answer 1

我正在嘗試為 FormBuilder 創建一個新控件，它基本上是一個無線電組控件（我的意思是它具有與無線電組控件相同的配置）但我需要定義一個自定義 build() 和 onRender() 方法。

我閱讀了很多次文檔，但無法使其正常工作，這是我正在嘗試做的一個簡單示例。

if (!window.fbControls) window.fbControls = new Array();
window.fbControls.push(function (controlClass) {

  class controlMultipleObjects extends controlClass {

    static get definition() {
      return {
        icon: '\uD83D\uDD89',
        i18n: {
          default: 'Control Multiple Items'
        }
      };
    }

    configure() {
      // this.js = '//cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js';
    }

    /**
     * build a text DOM element, supporting other jquery text form-control's
     * @return DOM Element to be injected into the form.
     */
    build() {

      this.dom = this.markup('div', null, {class:'multipleObjectsController', id: this.config.name});

      return this.dom;
    }

    onRender() {
    }
  }

  // register this control for the following types & text subtypes
  controlClass.register('multipleObjects', controlMultipleObjects);
  return controlMultipleObjects;
});

這基本上有效，新控件“multipleObjects”顯示在表單構建器中，但是當打開控件的配置時，它只顯示“值”項。 我需要像 radio-group、select 或 select-group 控件一樣顯示多個值。

有任何想法嗎？

謝謝！