Проблема dx-accordion развернуть и свернуть, примененную в моем angular компоненте, он скрывает другие элементы управления формой - PullRequest
Новая
       86

Проблема dx-accordion развернуть и свернуть, примененную в моем angular компоненте, он скрывает другие элементы управления формой

0 голосов
/ 21 января 2020

Я использую devextreme Accordion в своем компоненте, я хочу развернуть и свернуть время выполнения аккордеона в моем компоненте, он работает хорошо, но он скрывает другие мои html элементы управления после добавления этого кода

Вот мой код Это мой component.ts код 

  @ViewChild(DxAccordionComponent) dataAccordion: DxAccordionComponent;
    expandAccordion() {
        if (this.dataAccordion.items.length != 0) {
         this.dataAccordion.multiple=true;
          for (var i = 0; i < this.dataAccordion.items.length; i++) {
            this.dataAccordion.instance.expandItem(i);
          }
        }
      }

      collapseAccordion() {
        if (this.dataAccordion.items.length != 0) {
        this.dataAccordion.multiple=false;
       for (var i = 0; i < this.dataAccordion.items.length; i++) {
         this.dataAccordion.instance.collapseItem(i);
        }
      }
      }

 onSubmit(e){
   if (e !== undefined && e === 'save') {
     if (this.reactiveForm.invalid) {
            this.expandAccordion();
            return;
          }
      this.collapseAccordion()
    }
}

Вот мой компонент. html file 

 <input type="button" form="ngForm" class='Button' value="save"
                                       (click)="reactiveForm.ngSubmit.emit('save')" />
 <form [formGroup]="reactiveForm" (ngSubmit)="onSubmit($event)" id="ngForm" #detailForm="ngForm">
   <dx-accordion #accordion [(selectedIndex)]="selectedIndex"  [collapsible]="true">
         <dxi-item> 
        <input type="text" id="txtRef" formControlName="Ref" class="form-control" />
        ... other controls
      </dxi-item>
        <dxi-item> 
      My Other HTML Controls  
        </dxi-item>
        </dx-accordion> 
    </form>

Мои несколько html элементы управления скрываются, пока я выполняю вышеуказанные действия по сохранению формы, я застрял в этой проблеме.

...