我已經使用拖放表格行元素創建了一個應用程序。在那我想獲得被丟棄的元素ID(即,我丟棄的表ID)。我嘗試了鼠標事件。但我無法得到正確的答案。使用鼠標移動事件獲取表格ID
我正在使用tablednd插件。
- 我有兩個表。在那裏,我將把tr從一張桌子拖放到另一張桌子上。
- 因爲我想要刪除表ID。
<script src="<?php echo base_url(); ?>assets/js/drag/jquery.tablednd_0_5.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tbl_repeat tbody").tableDnD({
onDrop: function (table, row) {
var orders = $.tableDnD.serialize();
//console.log(orders);
// alert(table.id);
//alert($('td').closest('table')[2].id);
//$.post('<?php echo base_url(); ?>dashboard/order_update', { orders : orders });
}
});
</script>
我用這個函數來獲取刪除的表ID:
document.body.onmouseup = function (e) {
e = e || window.event;
var elementId = (e.target || e.srcElement).id;
// call your re-create function
recreate(elementId);
// ...
}
function recreate(id) {
alert(id);
}
HTML
<table id="tbl1" class="table-striped table-bordered table-responsive tbl_repeat" style="width:100%;">
<tbody id="hai1">
<tr>
</tr>
</tbody>
</table>
<table id="tbl2" class="table-striped table-bordered table-responsive tbl_repeat" style="width:100%;">
<tbody id="hai1">
<tr>
</tr>
</tbody>
</table>
<table id="tbl3" class="table-striped table-bordered table-responsive tbl_repeat" style="width:100%;">
<tbody id="hai1">
<tr>
</tr>
</tbody>
</table>
在此先感謝。
Karthick你能不能顯示你的完整代碼 –
我已經從https://gist.github.com/chucktrukk/655016下載插件,我已經顯示了我的功能,從上面的代碼 –
karthick我問你的html部分 –