Datatables 중국어 API - 콜백 함수

15421 단어 datatables
fnCookieCallback: 아직 사용하지 않았습니다.
$(document).ready(function () {

    $('#example').dataTable({

        "fnCookieCallback": function (sName, oData, sExpires, sPath) {

            // Customise oData or sName or whatever else here

            return sName + "=" + JSON.stringify(oData) + "; expires=" + sExpires + "; path=" + sPath;

        }

    });

});

fnCreatedRow: 이름 그대로 행의 콜백 함수를 만듭니다.
$(document).ready(function () {

    $('#example').dataTable({

        "fnCreatedRow": function (nRow, aData, iDataIndex) {

            //  a 

            if (aData[4] == "A") {

                $('td:eq(4)', nRow).html('<b>A</b>');

            }

        }

    });

});

fnDrawCallback:draw 그림, 이것은 다시 그리는 리셋 함수일 것이다
$(document).ready(function () {

    $('#example').dataTable({

        "fnDrawCallback": function (oSettings) {

            alert('DataTables  ');

        }

    });

});

fnFooterCallback: 밑에 있는 리셋 함수, 이것은 총계와 같은 기능을 할 수 있습니다
$(document).ready(function() {

    $('#example').dataTable({
        "fnFooterCallback": function(nFoot, aData, iStart, iEnd, aiDisplay) {

            nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is " + iStart;

        }
    });

});

fnFormatNumber: 이름 그대로 숫자를 포맷하는 표시 방식
$(document).ready(function () {

    $('#example').dataTable({
        "fnFormatNumber": function (iIn) {
            if (iIn < 1000) {
                return iIn;
            } else {
                var s = (iIn + ""),
                a = s.split(""), out = "",
                iLen = s.length;
                for (var i = 0; i < iLen; i++) {
                    if (i % 3 === 0 && i !== 0) {
                        out = "'" + out;
                    }
                    out = a[iLen - i - 1] + out;
                }
            }
            return out;
        }
    });
});

fnHeaderCallback: 헤더의 콜백 함수
$(document).ready(function () {

    $('#example').dataTable({

        "fnHeaderCallback": function (nHead, aData, iStart, iEnd, aiDisplay) {

            nHead.getElementsByTagName('th')[0].innerHTML = "Displaying " + (iEnd - iStart) + " records";

        }

    });

})

fnInfoCallback:datatables 정보의 콜백 함수
$('#example').dataTable({

    "fnInfoCallback": function (oSettings, iStart, iEnd, iMax, iTotal, sPre) {

        return iStart + " to " + iEnd;

    }

});

fnInitComplete:datables 초기화가 끝나면 이 방법을 사용합니다.
$(document).ready(function () {

    $('#example').dataTable({
        "fnInitComplete": function (oSettings, json) {

            alert('DataTables has finished its initialisation.');

        }
    });

});

fnPreDrawCallback: datatables

$(document).ready(function () {

    $('#example').dataTable({

        "fnPreDrawCallback": function (oSettings) {

            if ($('#test').val() == 1) {

                return false;

            }

        }

    });

});

fnRowCallback: 행의 콜백 함수
$(document).ready(function () {

    $('#example').dataTable({

        "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {

            // Bold the grade for all 'A' grade browsers

            if (aData[4] == "A") {

                $('td:eq(4)', nRow).html('<b>A</b>');

            }

        }

    });

});

fnServerData: 서버 모드를 결합한 리셋 함수입니다. 서버가 되돌아오는 데이터를 처리하는 데 사용됩니다.
// POST data to server

$(document).ready(function () {

    $('#example').dataTable({

        "bProcessing": true,

        "bServerSide": true,

        "sAjaxSource": "xhr.php",

        "fnServerData": function (sSource, aoData, fnCallback, oSettings) {

            oSettings.jqXHR = $.ajax({

                "dataType": 'json',

                "type": "POST",

                "url": sSource,

                "data": aoData,

                "success": fnCallback

            });

        }

    });

});

fnServerParams: 서버에 추가 매개 변수 전송
$(document).ready(function () {

    $('#example').dataTable({

        "bProcessing": true,

        "bServerSide": true,

        "sAjaxSource": "scripts/server_processing.php",

        "fnServerParams": function (aoData) {

            aoData.push({ "name": "more_data", "value": "my_value" });

        }

    });

});

fnStateLoad: 읽기 상태의 콜백 함수
$(document).ready(function () {

    $('#example').dataTable({

        "bStateSave": true,

        "fnStateLoad": function (oSettings) {

            var o;


            // Send an Ajax request to the server to get the data. Note that

            // this is a synchronous request.

            $.ajax({

                "url": "/state_load",

                "async": false,

                "dataType": "json",

                "success": function (json) {

                    o = json;

                }

            });


            return o;

        }

    });

});

fnStateLoadParams: 위와 다를 바 없습니다.
// Remove a saved filter, so filtering is never loaded

$(document).ready(function () {

    $('#example').dataTable({

        "bStateSave": true,

        "fnStateLoadParams": function (oSettings, oData) {

            oData.oSearch.sSearch = "";

        }

    });

});



// Disallow state loading by returning false

$(document).ready(function () {

    $('#example').dataTable({

        "bStateSave": true,

        "fnStateLoadParams": function (oSettings, oData) {

            return false;

        }

    });

});

fnStateLoaded: 또 이거예요.
// Show an alert with the filtering value that was saved

$(document).ready(function () {

    $('#example').dataTable({

        "bStateSave": true,

        "fnStateLoaded": function (oSettings, oData) {

            alert('Saved filter was: ' + oData.oSearch.sSearch);

        }

    });

});

fnStateSave: 상태 저장
$(document).ready( function() {

    $('#example').dataTable({
        "bStateSave": true,

        "fnStateSave": function(oSettings, oData) {

// Send an Ajax request to the server with the state object

            $.ajax({
                "url": "/state_save",

                "data": oData,

                "dataType": "json",

                "method": "POST"

                "success": function () {
            }

        });
    };

} );

} );

fnStateSaveParams: 상태 저장 매개 변수, 사용하지 않았습니다.
// Remove a saved filter, so filtering is never saved

$(document).ready(function () {

    $('#example').dataTable({

        "bStateSave": true,

        "fnStateSaveParams": function (oSettings, oData) {

            oData.oSearch.sSearch = "";

        }

    });

});

좋은 웹페이지 즐겨찾기