将下拉菜单添加到jqGrid

Question

我正在将一个WinForm应用程序移植到浏览器，并希望保留在jqGrid的顶部（工具栏内）有一组下拉菜单的功能。

我能够创建一个custom toolbar的网格顶部瓦特/克隆底部，从而有行动按钮。我也能够clone the existing navigator。

我缺少的是如何让这两个选项中的任何一个合并菜单系统，如jQuery UI Menu。下面的代码将菜单添加到工具栏中，但菜单隐藏在网格后面。我试过调整z-索引和位置，但都没有解决它。

toolbar: [true,'top']; 
... 
$("#toolbarId").append('<ul id="myMenu"><li><a href="#">File</a><ul><li>'+ 
'<a href="#">New</a></li><li><a href="#">Delete</a></li></ul></li></ul>'); 
$("#myMenu").menu(); 

任何帮助表示赞赏。谢谢。

Answer 1

我建议您使用position选项jQuery UI Menu Widget。您可以使用using回调（请参阅jQuery UI Position的文档）更改子菜单的属性。

试试看例如

$("#myMenu").menu({position: { 
    of: "#gview_" + $grid[0].id, 
    my: "left top", 
    at: "left top", 
    using: function (props, feedback) { 
     $(this).css({top: (props.top + 25), left: (props.left + 50), zIndex: 1005}); 
    } 
}}).css("width", "50px"); 

其中var $grid = $("#grid"); - 网格。你会看到你拥有的可能性。