jqueryのDataTableのプラグインで、現在の行を削除する方法
-
20-09-2019 - |
質問
私はjQueryのDataTableのプラグインを使用しているテーブル内のボタンの列を持っています。ボタンには、「削除」と言うとアイデアは、あなたがそのボタンをクリックしたときに、テーブルの現在の行を削除していることである。
私はfnDeleteRow
を呼び出すと、それはその、本当に適切に行を削除することはないように見えるように、その行の任意の更なる時間を初めて動いていないようにみえますが、何ています。
解決
これを試してください:
var row = $(this).closest("tr").get(0);
oTable.fnDeleteRow(oTable.fnGetPosition(row));
それが動作しない場合は、、の<以下例をご確認ください/ P>
他のヒント
あなたは、ユーザーがボタンをクリックしたときに呼び出される関数を添付しましょう。関数はこのようなものになるだろう。
function DeleteRow(event)
{
//get the row of the cell that is clicked
var $row = $(this).parents("tr").eq(0)
//if you need the id you can get it as
var rowid = $row.attr("id");
//now you can call delete function on this row
$row.delete();
}
これはどうます:
// Delete Row
$('.glyphicon-minus').on("click", function() {
configTable.row($(this).closest("tr").get(0)).remove().draw();
});
からます:
$('#example tbody td').click( function () {
/* Get the position of the current data from the node */
var aPos = oTable.fnGetPosition( this );
//...
} );
これは私のためにどのように動作するかです。文書レディ機能では、私は、変数にHTMLテーブルの変換されたバージョンを割り当て、中ボタンがクリックされたとき、私はjQueryを使って親/チャイルズを通過し、あなたはライブラリのfnDeleteRow()関数のパラメータとして取得する行を送ってます。
ここでのライブラリ関数からのコメントです。図書館で言及だとたとえばます。
/**
* Remove a row for the table
* @param {mixed} target The index of the row from aoData to be deleted, or
* the TR element you want to delete
* @param {function|null} [callBack] Callback function
* @param {bool} [redraw=true] Redraw the table or not
* @returns {array} The row that was deleted
* @dtopt API
* @deprecated Since v1.10
*
* @example
* $(document).ready(function() {
* var oTable = $('#example').dataTable();
*
* // Immediately remove the first row
* oTable.fnDeleteRow( 0 );
* } );
*/
// And here's how it worked for me.
var oTable;
$("document").ready(function () {
oTable = $("#myTable").dataTable();
});
//Remove/Delete button's click.
$("a[name='deleteColumn']").click(function () {
var $row = $(this).parent().parent();
oTable.fnDeleteRow($row);
});
所属していません StackOverflow