Javascript 如何在Datatable中的单元格内显示图标单击事件对话框?

Javascript 如何在Datatable中的单元格内显示图标单击事件对话框?,javascript,jquery,angularjs,datatables,Javascript,Jquery,Angularjs,Datatables,在我的datatable自定义指令中,一个单元格中有三个动作图标 $(文档).ready(函数(){ var oTable=$(“#elem”).dataTable({ “bJQueryUI”:错误, 'sScrollY':'300px', “无限”:对, “可搜索”:正确, “bScrollCollapse”:正确, “sDom”:“tSi”, “bDeferRender”:没错, “bPaginate”:对, “aaSorting”:[ [1,‘asc’] ], “aaData”:scope

在我的datatable自定义指令中,一个单元格中有三个动作图标

$(文档).ready(函数(){
var oTable=$(“#elem”).dataTable({
“bJQueryUI”:错误,
'sScrollY':'300px',
“无限”:对,
“可搜索”:正确,
“bScrollCollapse”:正确,
“sDom”:“tSi”,
“bDeferRender”:没错,
“bPaginate”:对,
“aaSorting”:[
[1,‘asc’]
],
“aaData”:scope.datasource,
“fnRowCallback”:processRow,
“aoColumnDefs”:[{
“可移植”:是的,
“可听”:是的,
“瑞士”:“20%”,
“针”:“名称”,
“sName”:“name”,
“目标”:[0],
“mData”:“名称”,
“mRender”:功能(数据、类型、完整){
返回“”;
}
}, {
“可移植”:是的,
“可听”:是的,
“瑞士”:“18%”,
“针”:“类型”,
“sName”:“类型”,
“目标”:[1],
“mData”:“类型”
}, {
“可移植”:是的,
“可听”:是的,
“瑞士”:“10%”,
“缝合”:“文件类型”,
“sName”:“文件类型”,
“目标”:[2],
“mData”:“文件类型”
}, {
“可移植”:是的,
“可听”:是的,
“瑞士”:“18%”,
“缝合”:“修改时间”,
“sName”:“modifiedTime”,
“目标”:[3],
“mData”:“modifiedTime”
}, {
“可移植”:错误,
“可听”:是的,
“瑞士”:“25%”,
“缝合”:“动作按钮”,
“目标”:[4],
“mData”:“,
“mRender”:函数(){
返回'
';
}
}]
});
$(“#elem tbody tr td:eq(4)”)。在('单击',函数(){
var data=oTable.fnGetData(此);
log(“在表内单击--data:,oTable.fnGetData());
var position=oTable.fnGetPosition(此);
log(“在表中单击的位置——位置:”,位置);
});
});
单击“信息”图标后,我需要在弹出窗口中显示一条消息。
现在,我尝试了
fnGetPosition()
方法,该方法为单元格内的所有图标返回相同的位置。如果我可以区分它们的位置值,我将很容易在“信息”图标单击上显示对话框。
我现在如何使用它?或者有其他方法可以做到这一点吗?

$(document).ready(function()){
$(document).ready(function() {
         var oTable = $("#elem").dataTable({
         'bJQueryUI':false,
         'sScrollY': '300px',
         'bScrollInfinite':true,
           ..........
           ..........
});
$("#elem tbody").delegate("tr i", "click", function (e) {
        e.preventDefault();
        var self = $(this);
        var pos = self.closest('tr').index();// <-- this will give you row index.

        if (self.hasClass('glyphicon-edit')) {
                    // Do something
        }else if (self.hasClass('glyphicon-info-sign')){
                    // Do something
        }else if(self.hasClass('glyphicon-remove'){
                     // Do something 
        }
});
var oTable=$(“#elem”).dataTable({ “bJQueryUI”:错误, 'sScrollY':'300px', “无限”:对, .......... .......... }); $(“#elem tbody”)。委托(“tr i”,“click”,函数(e){ e、 预防默认值(); var self=$(这是); var pos=自最近('tr').index()//