I want to send a request to api in the aspnetcore when the button is clicked #3805

2 Answer(s)

• 

  0

  muhammedaltug created 4 years ago

  Hello,

  Please remove the following route configuration from your app-routing.module.ts. Because IdentityExtendedModule has this logic. And please remove theentity-action-contributors.ts placed in the app folder.

  {
      path: 'identity',
      loadChildren: () => 
         import('@volo/abp.ng.identity').then(m => 
             m.IdentityModule.forLazy({
                 entityActionContributors: identityEntityActionContributors
             })
         ))
  }
  

  You can follow the same steps for "Adding quick view button to actions"

  • Define a method named 'requestMyApi' in IdentityExtendedComponent and implement like following

  requestMyApi(record: IdentityUserDto) {
      this.myService.myRequestMethod().subscribe(res => {
          console.log(res)
      });
  }
  

  • In your action definition inject IdentityExtendedComponent and execute this method.

  const printButtonAction = new EntityAction<IdentityUserDto>({
    text: 'PrintButton',
    action: data => {
      const component = data.getInjected(IdentityExtendedComponent);
      component.requestMyApi(data.record);
    },
  });
  

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel

  1
• 

  0

  SafaFINDIK created 4 years ago

  Hello,

  Please remove the following route configuration from your app-routing.module.ts. Because IdentityExtendedModule has this logic. And please remove theentity-action-contributors.ts placed in the app folder.

  { 
      path: 'identity', 
      loadChildren: () =>  
         import('@volo/abp.ng.identity').then(m =>  
             m.IdentityModule.forLazy({ 
                 entityActionContributors: identityEntityActionContributors 
             }) 
         )) 
  } 
  

  You can follow the same steps for "Adding quick view button to actions"

  • Define a method named 'requestMyApi' in IdentityExtendedComponent and implement like following

  requestMyApi(record: IdentityUserDto) { 
      this.myService.myRequestMethod().subscribe(res => { 
          console.log(res) 
      }); 
  } 
  

  • In your action definition inject IdentityExtendedComponent and execute this method.

  const printButtonAction = new EntityAction<IdentityUserDto>({ 
    text: 'PrintButton', 
    action: data => { 
      const component = data.getInjected(IdentityExtendedComponent); 
      component.requestMyApi(data.record); 
    }, 
  }); 
  

  Hello, I added it to my code as follows according to your directives. Is it supposed to be like this?

  Screenshot:

  Or is it supposed to be like in Screenshot2 ? Screenshot2:

  But with both ways i couldn't reach requestMyApi. :(

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel