Jquery Datatables扩展了设置和功能

时间:2017-04-18 12:42:09

标签: javascript jquery datatables

我不是JQuery的专家,所以这个问题可能会应用于DataTables以外的插件。假设我想在初始化中声明一个额外的(自定义)设置:

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

如果声明了myOption,我想自动调用类似这样的函数(如回调函数):

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

所以基本上,我想扩展一个插件,但我不明白如何从手册或其他示例中完成。 我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

实际上很容易达到你想要的效果。进入init.dt事件并使用一些封闭魔法你有一个“插件”:

//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);

使用中:

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

演示 - >的 http://jsfiddle.net/e3vyjta5/