How can add custom parameters to Angular 5 DataTables

Question

I am working on an Angular5 project with PHP as backend. I am stuck at this level. The following is my code:

this.dtOptions = {
  pagingType: 'full_numbers',
  pageLength: 10,
  order: [0, 'desc'],
  serverSide: true,
  processing: true,
  ajax: (dataTablesParameters: any, callback) => {
    that.http
      .post<DataTablesResponse>(
        'http://localhost/api/webapi/',
        dataTablesParameters,{ headers: new HttpHeaders({
          'Content-Type':  'application/json',
          'Authorization': 'token'
        })}
      ).subscribe(resp => {
        that.records = resp.data;
        callback({
          recordsTotal: resp.recordsTotal,
          recordsFiltered: resp.recordsFiltered,
          data: []
        });
      });
  },
  columns: [{ data: 'id' }, { data: 'name' }]
};

As I observed in this code I am sending the default parameters of data tables "dataTablesParameters". How can I add my custom parameter like (entryid) alongwith "dataTablesParameters"?

Please guide.

Akash · Accepted Answer · 2018-04-08 07:16:09Z

6

You have to just declare object like:

userData = { token: '', entryid : '' };

and at the time of calling ajax, you should merge both objects using Object.assign like:

Object.assign(dataTablesParameters,this.userData)

ajax: (dataTablesParameters:any, callback) => {
        that.http
          .post<DataTablesResponse>(
            'http://localhost/api/webapi/',Object.assign(dataTablesParameters,this.userData),{}).subscribe(resp => {
            that.records = resp.data;
            console.log(resp);
            callback({
              recordsTotal: resp.recordsTotal,
              recordsFiltered: resp.recordsFiltered,
              data: []
            });
          });
      },

Check this complete tutorial for you better understanding. Angular 5 Datatables using JSON data with rerender

edited Apr 8, 2018 at 7:16

answered Apr 4, 2018 at 10:38

Akash

2801 silver badge7 bronze badges

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

Comments

LSTM · Accepted Answer · 2018-04-04 07:48:31Z

1

I believe there's no way around creating a parent object as follows:

ParentObj = { dataTablesParameters: _dataTablesParameters , entryid:_entryid }

Edit: So your code will look like this

declare interface parentObj : { dataTablesParameters: any , entryid: any }

this.ParentObj = { dataTablesParameters: _dataTablesParameters , entryid:_entryid }

this.dtOptions = {
  pagingType: 'full_numbers',
  pageLength: 10,
  order: [0, 'desc'],
  serverSide: true,
  processing: true,
  ajax: (dataTablesParameters: any, callback) => {
    that.http
      .post<DataTablesResponse>(
        'http://localhost/api/webapi/',
        parentObj,{ headers: new HttpHeaders({
          'Content-Type':  'application/json',
          'Authorization': 'token'
        })}
      ).subscribe(resp => {
        that.records = resp.data;
        callback({
          recordsTotal: resp.recordsTotal,
          recordsFiltered: resp.recordsFiltered,
          data: []
        });
      });
  },
  columns: [{ data: 'id' }, { data: 'name' }]
};

Send the parentObj instead of the dataTablesParameter you have inside your http request.

edited Apr 4, 2018 at 7:48

answered Apr 4, 2018 at 7:35

LSTM

1289 bronze badges

4 Comments

Code Lover Over a year ago

Could you please share a complete example?

Code Lover Over a year ago

Okay Thank you let me check.

Code Lover Over a year ago

Thank you. But still a little confused about _dataTablesParameters. How can I assign dataTablesParameters body to _dataTablesParameters?

LSTM Over a year ago

@CodeLover Try doing this inside your component initialization . ngOnInit(): void { this.dataTablesParameters = //whatever you want it to be}

Collectives™ on Stack Overflow

How can add custom parameters to Angular 5 DataTables

2 Answers 2

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related