Question

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

我可以为网格顶部创建一个custom toolbar，无需克隆底部，因此可以使用操作按钮。我也能够clone the existing navigator。

我缺少的是如何让这两个选项中的任何一个都包含一个菜单系统，例如jQuery UI Menu。下面的代码会将菜单添加到工具栏，但菜单会隐藏在网格后面。我已经尝试调整z-index和position，但似乎都没有解决它。

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

将下拉菜单添加到jqGrid

1 个答案: