2016-06-29 5 views
0

私はJavaScriptを初めて使用しています。知識が不十分なjavascriptオブジェクトがあります。 一度作成したデータテーブル1.10ボタンの拡張子をどのように追加することができるかを知りたいと思います。インスタンス化されたデータセットを一度更新/追加する方法

私のコードは次のとおりです。あなたが代わりに関数形の(私の意見では)それを行うための最も簡単な方法は、ボタンの宣言のオプションの形式を使用することです

var table; 
$('#MyDiv').DataTable({someCode;}); 
$.fn.dataTable.ext.buttons.ok = { 
    text: 'OK', 
    action: function (e, dt, node, config) { 
     console.log("Hi"); 
    } 
}; 
table = $('#MyDiv').DataTable(); 
//!Here I want to add my button in table var! 
+0

okボタンの定義の最後に中括弧がないようです。それがあなたの問題の一部であるかどうかは分かりません。 – ManoDestra

+1

ありがとう、構文の問題はありません。 – gvivetapl

答えて

1

オプション1

、ここで使用しようとしています。

table = $('#MyDiv').DataTable({ 
    /*Other DataTables config options go here*/ 
    buttons: [ 
     { 
      text: 'OK', 
      action: function (e, dt, node, config) { 
       console.log("Hi"); 
      } 
     } 
    ] 
}); 

これはDataTables examplesで見つけることができ、DataTableの情報のための偉大な源である:あなたのケースでは、それは次のようになります。あなたは関数表記を使用して保存しておきたいの代わり場合

オプション2

、あなたは単にオプションの代わりに、上記の例であり、全体アクション/テキストブロックにボタンの宣言を追加する必要があります。下記を参照してください:

var table; 
//You should not have 2 .DataTable() calls, so I removed this one 
//Move any other options you had to the other call below 
$.fn.dataTable.ext.buttons.ok = { 
    text: 'OK', 
    action: function (e, dt, node, config) { 
     console.log("Hi"); 
    } 
}; 
table = $('#MyDiv').DataTable({ 
    /*Other DataTables config options go here*/ 
    buttons: [ 
     'ok' 
    ] 
}); 

どちらの方法でも、コードを整理する方法によります。

また、DataTablesのWebサイトのcustom buttons documentationを参照して、詳細情報を入手したり、これらのコードブロックを入手した場所を確認したりできます。

+0

ボタンと一緒にデータテーブルを作成していて、データテーブルを作成し、コードの別の部分にボタンを追加/更新したいから、これはオプションではありません。 – gvivetapl

+0

なぜ、DataTablesの初期化以外の場所にボタンを追加したいのですか? DataTableボタン機能を使用しているため、ボタンをDataTableにアタッチする必要があります。それをしたくない場合は、代わりに標準のJSボタンを追加する必要があります。 –

関連する問題