Как добавить пользовательский компонент formio в диспетчер форм - PullRequest
Новая
       11

Как добавить пользовательский компонент formio в диспетчер форм

1 голос
/ 08 мая 2019

Я создал пользовательский компонент formio, и у меня есть менеджер форм, где я могу показать список форм.При этом при нажатии на кнопку «Создать форму», показывающей один построитель форм, я должен объединить свой пользовательский компонент формы с этим конструктором форм.С этим я могу редактировать, удалять и сохранять свой пользовательский компонент formio ...

Может ли кто-нибудь помочь мне в этом вопросе ...

Вот мой код ...

customFormioComponent.ts 

 Formio.builder(document.getElementById('builder'), {}, {
      builder: {
        custom: {
          title: 'Custom',
          weight: 0,
          components: {
            address: {
              title: 'Address',
              key: 'address',
              icon: 'fa fa-th-list'
            }
           }
          },
             basic: {
          default: false,
        },
         editForm: {
        select: [
          {
            key: 'api',
            ignore: true
          },
         }

customFormioComponent.html 

    <form-builder id="builder"></form-builder>

formManager.module.ts 

  RouterModule.forChild(FormManagerRoutes({
            formIndex: ManagerComponent,
            formCreate:CustomFormioComponent
        }))
    ],
    declarations: [
        ManagerComponent
    ],
    exports: [
        ManagerComponent
    ],
    providers: [
        FormManagerService,
        {
            provide: FormManagerConfig, useValue: {
                tag: 'common',
                includeSearch: true,
                saveDraft: true
            }
        }
    ]

formManager.component.html

  <formio-grid *ngIf="auth.authenticated" 
              [formio]="service.formio" 
              [gridType]="'form'" 
              [query]="{tags: config.tag, type: 'form'}"
              (rowAction)="onAction($event)" 
              (rowSelect)="onSelect($event)" 
              [createText]="'Create Form'" 
              (createItem)="onCreateItem()">
            </formio-grid>
...