2016-03-29 38 views
4

私は現在、ページ内にdatatableを使用しています。私は、データテーブルのエディタプラグインを追加してみてくださいしかし、私は、コンソールにエラーが発生します:jQueryデータテーブルエディタが初期化されていません

TypeError: $.fn.dataTable.Editor is not a constructor 

私がしたすべては、テーブルを作成するためのjQueryのに次の行を追加しました:

var table = $('#sampledt').DataTable(); 
var editor = new $.fn.dataTable.Editor(table); 
new $.fn.dataTable.Buttons(table, [ 
    { 
    extend: "edit", editor: editor 
    }, 
    { 
    extend: "remove", editor: editor 
    } 
]); 

table.buttons().container() 
    .appendTo($('col-sm-6:eq(0)', table.table().container())); 

これらはページの.jsと.cssです。

jquery-1.12.0.min.js 
bootstrap.min.js 
jquery.dataTables.min.js 
dataTables.bootstrap.min.js 
dataTables.buttons.min.js 
buttons.bootstrap.min.js 
dataTables.select.min.js 
dataTables.editor.min.js 

bootstrap.min.css 
dataTables.bootstrap.min.css 
buttons.bootstrap.min.css 
select.bootstrap.min.css 
editor.bootstrap.min.css 

私に何か不足していますか?前もって感謝します。

UPDATE:私はVARエディタ=新しい$ .fn.dataTable.Editor(テーブル)を追加

。 'editor'が定義されていないコンソールエラーが削除されました。代わりに、新しいエラーが発生しました:$ .fn.dataTable.Editorはコンストラクタではありません。

UPDATE:

私はページからbootstrap.min.jsを削除しました。コンソールエラー "TypeError:a.Editor is undefined"が削除されました。

+0

は、 "edit"に割り当てられた 'editor'変数です。どうやって? – FredMaggiowski

+0

こんにちは、私はそれを次のように割り当てました:var editor = new $ .fn.dataTable.Editor(sampledt);しかし、私はエラーが発生しました:$ .fn.dataTable.Editorはコンストラクタではありません – lulutanseco

+0

'editor()'小文字ではないでしょうか? – FredMaggiowski

答えて

0

初期化が間に合わなかったと思います。

var editor = new $.fn.dataTable.Editor({}); 
+0

こんにちは、dataTable.Editorで次のように 'editor'を割り当てました:var editor = new $ .fn.dataTable.Editor(sampledt);しかし、私はコンソールで別のエラーが発生しています:$ .fn.dataTable.Editorはコンストラクタではありません – lulutanseco

+0

あなたはコードスニペットを更新してください:) – yeswanth

+0

このeditor.bootstrap.min.jsファイルは何ですか?一度削除して – yeswanth

2

はあなたが無料試用版からファイルを使用している:あなたは、変数editorを初期化し、それになどの値を代入する必要がありますか?試用期間内にエディタを購入したか、新しいファイルを入手することを確認してください。

関連する問題