Skip to main content
Bumped by Community user
título editado
Link
Motta
  • 3,8mil
  • 3
  • 18
  • 31

como chama Como chamar evento de click no angular usando o datatable?

Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
adicionou 1 caractere ao conteúdo
Fonte Link
Grood
  • 19
  • 6

estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular.

HTLM::

    <sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                           <tr>
                              <th>ID</th>
                              <th>Nome</th>
                              <th>Data de Criação</th>
                              <th>Ações</th>
                           </tr>
                      </thead>
           </sa-datatable>






   token = localStorage.getItem('token');
   public REST_ROOT = `${environment.api_url}/forma`;
   options = {
   dom: "Bfrtip",
   ajax: (data, callback, settings) => {
   this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
    .pipe(
      map((data: any)=>(data.data || data)),
      catchError(this.handleError),
    )
    .subscribe((data) => {
      callback({
        aaData: data.slice(0, 100)
      })
    })
 },
  columns: [
  {data: 'id'}, 
  {data: 'nome'}, 
  {data: 'created_at'} ,
  {data: null, render: function (data, type, row) {
    return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
  }}
],
responsive:true
}



   updatePagamento(pagamento: FormaPagamento){
     console.log('Chegou');
     this.display2 = true;
     this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data  => {
     this.formularioEditPagamento.patchValue(data);
    });
  }

estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular.

HTLM:

    <sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                           <tr>
                              <th>ID</th>
                              <th>Nome</th>
                              <th>Data de Criação</th>
                              <th>Ações</th>
                           </tr>
                      </thead>
           </sa-datatable>






   token = localStorage.getItem('token');
   public REST_ROOT = `${environment.api_url}/forma`;
   options = {
   dom: "Bfrtip",
   ajax: (data, callback, settings) => {
   this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
    .pipe(
      map((data: any)=>(data.data || data)),
      catchError(this.handleError),
    )
    .subscribe((data) => {
      callback({
        aaData: data.slice(0, 100)
      })
    })
 },
  columns: [
  {data: 'id'}, 
  {data: 'nome'}, 
  {data: 'created_at'} ,
  {data: null, render: function (data, type, row) {
    return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
  }}
],
responsive:true
}



   updatePagamento(pagamento: FormaPagamento){
     console.log('Chegou');
     this.display2 = true;
     this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data  => {
     this.formularioEditPagamento.patchValue(data);
    });
  }

estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular.

HTLM::

    <sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                           <tr>
                              <th>ID</th>
                              <th>Nome</th>
                              <th>Data de Criação</th>
                              <th>Ações</th>
                           </tr>
                      </thead>
           </sa-datatable>






   token = localStorage.getItem('token');
   public REST_ROOT = `${environment.api_url}/forma`;
   options = {
   dom: "Bfrtip",
   ajax: (data, callback, settings) => {
   this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
    .pipe(
      map((data: any)=>(data.data || data)),
      catchError(this.handleError),
    )
    .subscribe((data) => {
      callback({
        aaData: data.slice(0, 100)
      })
    })
 },
  columns: [
  {data: 'id'}, 
  {data: 'nome'}, 
  {data: 'created_at'} ,
  {data: null, render: function (data, type, row) {
    return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
  }}
],
responsive:true
}



   updatePagamento(pagamento: FormaPagamento){
     console.log('Chegou');
     this.display2 = true;
     this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data  => {
     this.formularioEditPagamento.patchValue(data);
    });
  }
removeu 1 caractere do conteúdo
Fonte Link
Grood
  • 19
  • 6

estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular..

HTLM:

    <sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                           <tr>
                              <th>ID</th>
                              <th>Nome</th>
                              <th>Data de Criação</th>
                              <th>Ações</th>
                           </tr>
                      </thead>
           </sa-datatable>






   token = localStorage.getItem('token');
   public REST_ROOT = `${environment.api_url}/forma`;
   options = {
   dom: "Bfrtip",
   ajax: (data, callback, settings) => {
   this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
    .pipe(
      map((data: any)=>(data.data || data)),
      catchError(this.handleError),
    )
    .subscribe((data) => {
      callback({
        aaData: data.slice(0, 100)
      })
    })
 },
  columns: [
  {data: 'id'}, 
  {data: 'nome'}, 
  {data: 'created_at'} ,
  {data: null, render: function (data, type, row) {
    return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
  }}
],
responsive:true
}



   updatePagamento(pagamento: FormaPagamento){
     console.log('Chegou');
     this.display2 = true;
     this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data  => {
     this.formularioEditPagamento.patchValue(data);
    });
  }

estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular..

HTLM:

    <sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                           <tr>
                              <th>ID</th>
                              <th>Nome</th>
                              <th>Data de Criação</th>
                              <th>Ações</th>
                           </tr>
                      </thead>
           </sa-datatable>






   token = localStorage.getItem('token');
   public REST_ROOT = `${environment.api_url}/forma`;
   options = {
   dom: "Bfrtip",
   ajax: (data, callback, settings) => {
   this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
    .pipe(
      map((data: any)=>(data.data || data)),
      catchError(this.handleError),
    )
    .subscribe((data) => {
      callback({
        aaData: data.slice(0, 100)
      })
    })
 },
  columns: [
  {data: 'id'}, 
  {data: 'nome'}, 
  {data: 'created_at'} ,
  {data: null, render: function (data, type, row) {
    return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
  }}
],
responsive:true
}



   updatePagamento(pagamento: FormaPagamento){
     console.log('Chegou');
     this.display2 = true;
     this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data  => {
     this.formularioEditPagamento.patchValue(data);
    });
  }

estou tendo chamar esta função para editar o meu registro porem a função não é chamada usando o (click) do angular.

HTLM:

    <sa-datatable [options]="options" paginationLength="true" tableClass="table table-striped table-bordered table-hover" width="100%">
                    <thead>
                           <tr>
                              <th>ID</th>
                              <th>Nome</th>
                              <th>Data de Criação</th>
                              <th>Ações</th>
                           </tr>
                      </thead>
           </sa-datatable>






   token = localStorage.getItem('token');
   public REST_ROOT = `${environment.api_url}/forma`;
   options = {
   dom: "Bfrtip",
   ajax: (data, callback, settings) => {
   this.http.get(this.REST_ROOT, { headers: {'Authorization':"Bearer" + this.token}})
    .pipe(
      map((data: any)=>(data.data || data)),
      catchError(this.handleError),
    )
    .subscribe((data) => {
      callback({
        aaData: data.slice(0, 100)
      })
    })
 },
  columns: [
  {data: 'id'}, 
  {data: 'nome'}, 
  {data: 'created_at'} ,
  {data: null, render: function (data, type, row) {
    return "<button class='btn btn-primary' (click)=\'updatePagamento(data.id)\'>Editar</button>";
  }}
],
responsive:true
}



   updatePagamento(pagamento: FormaPagamento){
     console.log('Chegou');
     this.display2 = true;
     this.configuracaoService.getPagamentoKey(+pagamento.id).subscribe( data  => {
     this.formularioEditPagamento.patchValue(data);
    });
  }
adicionou 1 caractere ao conteúdo
Fonte Link
Grood
  • 19
  • 6
Carregando
adicionou 1 caractere ao conteúdo
Fonte Link
Grood
  • 19
  • 6
Carregando
removeu 1 caractere do conteúdo
Fonte Link
Grood
  • 19
  • 6
Carregando
adicionou 1 caractere ao conteúdo
Fonte Link
Grood
  • 19
  • 6
Carregando
adicionou 549 caracteres ao conteúdo
Fonte Link
Grood
  • 19
  • 6
Carregando
Fonte Link
Grood
  • 19
  • 6
Carregando