检索数据表对象原型

Question

I have many datatables throughout my application (version 1.10.10). I invoke them with

var myDt = $("#myId").DataTable({/*properties object*/});

I need access to the prototype of the object myDt to add once, and for all in my app, all the custom functions I need for datatables. Using $().DataTable.prototype didn't work, neither did I find any "fn" properties inside the datatables data structure. I didn't find anything on the net about this.

Answer 1

Assuming that the datatables plugin you're using uses a prototype, you should be able to find it in the source looking for .prototype or Object.create , the former ( prototype ) being the property on functions that refers to the object that will be assigned as the prototype when that function is called via new , and the latter ( Object.create ) being a mechanism for creating an object with a specific prototype directly, without a constructor function and new .

In the worst case, on ES5+ browsers, you can get the prototype of an object using Object.getPrototypeOf :

var proto = Object.getPrototypeOf(myDt);

...but that would require you to create a datatable before you could add the features, which seems clunky.

Answer 2

See API plug-in development for more information.

A new API method can be registered using the $.fn.dataTable.Api.register() static method.

Example:

$.fn.dataTable.Api.register( 'sum()', function () {
    var sum = 0;

    for ( var i=0, ien=this.length ; i<ien ; i++ ) {
        sum += this[i];
    }

    return sum;
} );

Example calls:

table.column(2).data().sum();

Answer 3

This should work:

$("#myId").dataTable()

If doesn't work you can use "data" to store the dataTable object on your own

$("#myId").data("myDt", myDt)

and get it later with:

$("#myId").data("myDt")