javascript - 向 jqGrid 添加下拉菜单

Question

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

我能够创建一个 custom toolbar对于没有克隆底部的网格顶部，因此具有操作按钮。我也可以 clone the existing navigator .

我缺少的是如何让这两个选项中的任何一个包含菜单系统，例如 jQuery UI Menu .下面的代码会将菜单添加到工具栏，但菜单会隐藏在网格后面。我试过调整 z-index 和位置，但似乎都无法解决问题。

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"); - 你的网格。你会看到你拥有的可能性。