$.fn.dataTable.Editor ist kein Konstruktor - RequireJS mit DataTables

Library-Versionen:
jQuery : 2.1.1
Datentabellen : 1.10.1-dev
dataTablesTableTools : 2.2.1
dataTables.dataTables.editor.min.js : 1.2.3

Ich versuche zur Implementierung der CRUD-operation mit datatableseditor mit Backbone, RequireJS und Datatables.Aber ich bekomme die Fehlermeldung:

$.fn.dataTable.Editor is not a constructor"

Was könnte der Grund sein?

Hier ist meine Konfiguration:

require.config({
baseUrl: 'js',
paths: {
    jquery: 'vendor/jquery.min',
    datatables: 'vendor/jquery.dataTables.min',
    datatablesTableTools: 'vendor/dataTables.tableTools.min',
    datatablesEditor: 'vendor/dataTables.editor.min'
},
shim: {
    jquery : {
        exports : '$'
    },
    datatables: { 
        deps: [
            'jquery',                
        ] 
    },
    datatablesTableTools:   { deps: ['datatables'] },
    datatablesEditor:       { deps: ['datatables'] }        
}
});

Verwenden Sie es wie folgt:

require(["jquery", "datatables"], function () {

var editor = new $.fn.dataTable.Editor( {
    "ajax": "table.line.php"
} );

$('#myGrid').dataTable( {
    "aaData": [
        ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'],
        ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C']
    ],
    "aoColumns": [
        { "sTitle": "Engine" },
        { "sTitle": "Browser" },
        { "sTitle": "Platform" },
        { "sTitle": "Version" },
        { "sTitle": "Grade" }
    ],
    "tableTools": {
        "sRowSelect": "os",
        "aButtons": [
            { "sExtends": "editor_create", "editor": editor },
            { "sExtends": "editor_edit",   "editor": editor },
            { "sExtends": "editor_remove", "editor": editor }
        ]
    }
});
});

InformationsquelleAutor San | 2014-06-18

  1. 1

    Ich denke, dass Sie einen Fehler gemacht haben, die in der Tabelle der Abhängigkeiten. In deinem zweiten code, es sollte wie folgt sein :

    require(["jquery", "datatablesEditor"], function () {
[...]

    statt 

    require(["jquery", "datatables"], function () {
[...]

    InformationsquelleAutor rsareth

  2. 0

    Habe ich überprüft und es ist eher bösartig. Wenn man sich den Quellcode von dem plugin datatables-fixedcolumns zum Beispiel, dessen name angegeben ist, so müssen Sie es verwenden, anstatt Ihre eigenen alias/name.

    Den source-code dataTables.fixedColumns.js :

    [...]
//Define as an AMD module if possible
if ( typeof define === 'function' && define.amd ) {
    define( 'datatables-fixedcolumns', ['jquery', 'datatables'], factory );
}
else if ( jQuery && !jQuery.fn.dataTable.FixedColumns ) {
    //Otherwise simply initialise as normal, stopping multiple evaluation
    factory( jQuery, jQuery.fn.dataTable );
}
[...]

    Also in Ihrem requirejs.die Konfiguration, die Sie benötigen, um diese zu schreiben :

    [...]
paths: {
    jquery: 'vendor/jquery.min',
    datatables: 'vendor/jquery.dataTables.min',
    datatables-fixedcolumns: 'vendor/dataTables.fixedColumns'
[...]

    statt

    [...]
paths: {
    jquery: 'vendor/jquery.min',
    datatables: 'vendor/jquery.dataTables.min',
    datatablesFixedColumns: 'vendor/dataTables.fixedColumns'
[...]

    InformationsquelleAutor rsareth

Schreibe einen Kommentar