how to toggle the row using angular8

Question

i have multiple rows, if i open one row then i will not be able to toggle it, i mean it wont be closed unless the other row is clicked for viewing the inside data. I must be able to toggle rows if i have not done anychanges to form, incase if i have made changes to that form, it must show me a confirmation message as it is showing currently.

DEMO: DEMO

TS:

 editEo(eo,index) {

      if(this.eoInfoForm.dirty) {

        this.confirmationDialogService.confirm('Please confirm..', 'Do you really want to save changes ?')
    .then((confirmed) => {
         let openedIndex = this.eoList.findIndex(obj => obj.OpenCloseStatus === true);
        confirmed ? this.OpenCloseEvent(eo,openedIndex):this.OpenCloseEvent(eo,index);
      if(confirmed){
        console.log("works")
      }
    })
    .catch(() => console.log('User dismissed the dialog (e.g., by using ESC, clicking the cross icon, or clicking outside the dialog)'));

  }else {
          //  this.eoDetailsList = previous; 
           eo.isCollapse = !eo.isCollapse
           this.OpenCloseEvent(eo,index);
          }
  }

HTML:

 <a href="javascript:void(0);" (click)="editEo(eo,i)" class="accordion-toggle">+ </a>

How many questions do you ask on here?!

Kurt Hamilton
– Kurt Hamilton

2020-03-18 09:44:18 +00:00
Commented Mar 18, 2020 at 9:44 — Kurt Hamilton
– Kurt Hamilton, Commented Mar 18, 2020 at 9:44

user2846469 · Accepted Answer · 2020-03-18 10:43:37Z

2

Just replace the line:

this.eoList[objIndex]['OpenCloseStatus'] = true;

with:

this.eoList[objIndex]['OpenCloseStatus'] = !this.eoList[objIndex]['OpenCloseStatus'];

answered Mar 18, 2020 at 10:43

user2846469

2,2103 gold badges20 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bhrungarajni Over a year ago

Thanks for response, i hope it works i checked with demo it worked, i will check in my application.

Bhrungarajni Over a year ago

anyidea about this question?stackoverflow.com/questions/60736463/…

Collectives™ on Stack Overflow

how to toggle the row using angular8

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related