Jquery Datatables extend settings and functionality

Question

I'm not an expert in JQuery so this question may be applied to plugins other than DataTables. Suppose I want to declare an additional(custom) setting in the initialisation:

var dTable = $('#example').DataTable(
    ...,
    'myOption' : [{ 'text' : 'Foo' } , { 'text' : 'Bar' }, ...],
)

and if myOption is declared, i want to automatically call a function like this one(like a callback function):

function() {
    console.log(dTable.settings().myOption)
}

so basically, i want to extend a plugin but i do not understand how it can be done from the manuals or other examples. How can I achieve that?

davidkonrad · Accepted Answer · 2017-04-18 14:04:06Z

1

Actually it is quite easy to achieve what you want. Hook into the init.dt event and with some closure magic you have a "plugin" :

//myOption "plugin"
(function() {
  var run = function(myOptionSettings) {
    console.log(myOptionSettings)  
  };
  $(document).on('init.dt', function (e, settings, json) {
    var myOption = settings.oInit.myOption || false;
    if (myOption) {
      run(myOption)
    }
  })
})(document);

In use :

var table = $('#example').DataTable({
  myOption : [{ 'text' : 'Foo' }, { 'text' : 'Bar' }]
})

demo -> http://jsfiddle.net/e3vyjta5/

answered Apr 18, 2017 at 14:04

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

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

Collectives™ on Stack Overflow

Jquery Datatables extend settings and functionality

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related