2

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

我可以为网格顶部创建一个自定义工具栏，而无需克隆底部，因此具有操作按钮。我还可以克隆现有的 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();

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

4

1 回答 1

1

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

试一试

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

于 2013-04-08T21:04:49.450 回答