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

时间:2014-05-17 11:53:02

标签: jquery contextmenu jquery-datatables

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

我在DataTables论坛中找到jQuery contextMenu以及有关某人如何实施上下文菜单的说明。 但似乎至少我正在使用的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 );
            }
        );
    }
} );

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

  

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

是否有人最近实施了上下文菜单DataTable 1.10?

1 个答案:

答案 0 :(得分:6)

我刚刚看到这个问题,并希望回答这个问题,因为我正在为此寻找解决方案。

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

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

它与功能fnFilter()fnFilterClear()集成在一起,因此您可以使用右键单击过滤数据。

谢谢!

更新:DataTables 1.10 API样式!

已移除fnFilter()fnFilterClear()并使用新的search() API方法。

DEMO:)