2016-03-28 29 views
1

外部ボタンをクリックしたときにDataTable(新しいバージョン)を使用してセル値を変更しようとしています。 は、私は今のところ、次のしている:私は、テーブルの行とデータ検索方法は、私はデータセルの値を設定することができます.dataの()属性を持つオブジェクトを返さないと思うので、ボタンをクリックしてDataTableのセル値を設定する方法

$(document).on('click', '.dropdown-menu li a', function() { 
    if ($(this).text() == "development") { 
     var cell = table.row(6).data()[4]  
     cell.data("development").draw(); 
    } 
}); 

これは動作しません。 。私は、次のエラーが表示されます:cell.data is not a function. (In 'cell.data("development")', 'cell.data' is undefined)しかし、私はどのようにテーブルセルの値を.data()の方法をクリックすることなくテーブルにアクセスせずにアクセスできない。私のボタンはテーブルの外に置かれています。

どのようにすればいいですか?

答えて

1

Datatables Function行と列のインデックスだけで特定のセルを更新できます。このような

何か:DataTableのは1.10+ APIのランディングページ自体に述べたようにfnGetNodesを()をサポートしていない可能性がありますので

var oTable = $('#example').dataTable(); 
$('#button').click(function() { 
    var row = document.getElementById("indexDepRow").value; 
    var col = document.getElementById("indexDepCol").value; 
    oTable.fnUpdate('development', parseInt(row), parseInt(col)); 
}); 

あなたは(行を使用することができる代わりに、今、JsFiddle EXAMPLE

1

を参照してください)ノード。 ()。

例:http://jsfiddle.net/cmedina/7kfmyw6x/29/

var oTable = $('#example').dataTable({sorting:false}); 

$('#test').on('click', function() { 
    var text = "development"; 
    if (text == "development") { 
    oTable.fnUpdate('Development', 0, 0); // Single cell 
    } 
}) 
http://jsfiddle.net/cmedina/7kfmyw6x/28/

var table = $('#example').DataTable({sorting : false}); 
var row = table.row(0).node(); 

$('#test').on('click', function() { 
    var text = "development"; 
    if (text == "development") { 
     table.cell(row, 0).data('Development').draw(); 
    } 
}); 

あなたはDataTableの< 1.10で動作している場合、あなたはfnUpdate

例を使用することができます

関連する問題