如何将上下文菜单添加到datatables 1.10?

tho*_*owa 5 jquery contextmenu jquery-datatables

我正在使用DataTables(datatables.net),我想在我的表中添加一个上下文菜单.

我发现了jQuery contextMenu以及DataTables论坛中关于某人如何实现上下文菜单的描述.但似乎至少DataTables我目前正在使用(1.10)已经发展了很多.我没有关于该Context Menu插件的信息.(意味着在此论坛帖子中使用的是什么版本以及我下载的内容).

如果我按照论坛帖子中的描述使用它并将其调整为1.10(据我的谦虚知识)我正在这样做

var myTable = $("#myTable ").DataTable( {
    "drawCallback": function( settings ) {
        $("#myTable tbody tr").contextMenu(
        {
            menu: 'myMenu'},
            function( action, el, pos ) {
                var aData = myTable.GetData( el.context );
            }
        );
    }
} );
Run Code Online (Sandbox Code Playgroud)

但执行此代码会给我这个错误:

未捕获错误:jquery.contextMenu.js中未指定选择器:1273

有人最近实现了DataTable1.10的上下文菜单吗?

ale*_*nav 8

我刚看到这个问题,并想回答它,因为我正在为此寻找解决方案.

在这里,您可以使用jquery.ui-contextmenu:DEMO进行演示

我另外使用jquery.ui,希望这对你来说不是问题.

它集成了功能fnFilter()和fnFilterClear(),这样你就可以使用过滤右键点击数据.

谢谢!

更新:DataTables 1.10 API样式!

删除fnFilter()并fnFilterClear()使用新的search()API方法.

演示 :)