Javascript 单击datatable中的按钮时执行操作
对不起,我的英语不是很好。我会尽力解释我的问题。我有一个表,每行的末尾都有一些按钮,我需要在单击它们时执行不同的操作。表是由数据表组成的,这就是我所有的Javascript 单击datatable中的按钮时执行操作,javascript,button,datatable,Javascript,Button,Datatable,对不起,我的英语不是很好。我会尽力解释我的问题。我有一个表,每行的末尾都有一些按钮,我需要在单击它们时执行不同的操作。表是由数据表组成的,这就是我所有的 $(document).ready(function() { var table = $('#dataart').DataTable( { "columnDefs": [ { "targets": -1, "data": null, "de
$(document).ready(function() {
var table = $('#dataart').DataTable( {
"columnDefs": [ {
"targets": -1,
"data": null,
"defaultContent": '<button id="ver" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-eye-open"></span></button> ' +
'<button id="editar" class="btn btn-sm btn-warning"><span class="glyphicon glyphicon-edit"></span></button> ' +
'<button id="eliminar" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-trash"></span></button>'
} ]
} );
$('#dataart tbody').on( 'click', 'button', function () {
var data = table.row( $(this).parents('tr') ).data();
**if (button id=ver click) do something like this document.getElementById("x").value= data[1] or call a function.
if (button id=editar click) do a second function.
if (button id=eliminar click) do other function.**
} );
} )
$(文档).ready(函数(){
变量表=$(“#数据艺术”)。数据表({
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“defaultContent”:”+
' ' +
''
} ]
} );
$(#dataart tbody')。在('click','button',function(){
var data=table.row($(this.parents('tr')).data();
**如果(button id=ver click)执行类似于document.getElementById(“x”).value=data[1]的操作或调用函数。
如果(按钮id=编辑点击)执行第二个功能。
如果(按钮id=eliminar click)执行其他功能**
} );
} )
这就是全部,也许是非常简单的事情,但这是我第一次使用这个插件
非常感谢。为按钮提供超链接。比如:
<a href='xyz.html'><button.....></button>
如果要打开文件,请提供超链接。
若要运行脚本,请使用按钮的onClick操作。为按钮提供超链接。比如:
<a href='xyz.html'><button.....></button>
如果要打开文件,请提供超链接。
如果要运行脚本,请使用按钮的onClick操作。我希望下面的代码会有所帮助。未经测试
$('#dataart tbody').on( 'click', 'button', function () {
var data = table.row( $(this).parents('tr') ).data();
var button_id = this.id; // get the id of the button clicked
if (button_id=='ver'){
//do some thing
}
if (button_id=='editar'){ //do a second function.}
if (button_id=='eliminar'){ //do other function.}
} );
我希望下面的代码会有所帮助。未经测试
$('#dataart tbody').on( 'click', 'button', function () {
var data = table.row( $(this).parents('tr') ).data();
var button_id = this.id; // get the id of the button clicked
if (button_id=='ver'){
//do some thing
}
if (button_id=='editar'){ //do a second function.}
if (button_id=='eliminar'){ //do other function.}
} );
很好!!非常感谢。效果很好!!非常感谢你。