如何在DataTables 1.10中添加上下文菜单？

Question

我正在使用 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 );
            }
        );
    }
} );

执行此代码会出现以下错误：

Uncaught Error: No selector specified in jquery.contextMenu.js:1273

最近有人在 DataTable 1.10 中实现了上下文菜单吗？

- thowa

---

我刚刚更新了我的答案，以完全支持DataTables 1.10的新方法。希望能有所帮助！;) - alesnav

Answer 1

我刚看到这个问题，并想回答一下，因为我正在寻找解决方案。

在这里你可以看到一个使用jquery.ui-contextmenu的演示：演示

我同时使用了jquery.ui，希望这对你不会有影响。

它与fnFilter()和fnFilterClear()函数集成，因此您可以使用鼠标右键过滤数据。

谢谢！

更新：DataTables 1.10 API风格！

删除了fnFilter()和fnFilterClear()，并使用新的search() API方法。

演示 :)

- alesnav

---

非常感谢。这看起来非常不错。 - thowa