Question

I have these blocks in my code:

$.fn.dataTableExt.afnSortData['dom-text'] = function (oSettings, iColumn) {
    var aData = [];
    $('td:eq(' + iColumn + ') input', oSettings.oApi._fnGetTrNodes(oSettings)).each(function () {
        aData.push(this.value);
    });
    return aData;
}

$.fn.dataTableExt.afnSortData['dom-data-rk'] = function (oSettings, iColumn) {
    var aData = [];
    $('td:eq(' + iColumn + ')', oSettings.oApi._fnGetTrNodes(oSettings)).each(function () {
        aData.push($(this).attr('data-rk'));
    });
    return aData;
}

What does it mean: $.fn.dataTableExt I am not familar with $.fn.

Also can I combine these two?

Answer 1

The dom-text and dom-data-rk properties are different, so you can’t combine them 100% into the same block. Also, the function implementations are slightly different:

• 'td:eq(...) input' vs. 'td:eq(...)',
• aData.push(this.value) vs aData.push($(this).attr('data-rk').

Using jQuery.extend:

$.extend($.fn.dataTableExt.afnSortData, {
  'dom-text': function(oSettings, iColumn) { ... },
  'dom-data-rk': function(oSettings, iColumn) { ... }
});