向jqGrid添加下拉菜单

Adding drop down menus to jqGrid

本文关键字：下拉菜单 添加 jqGrid      更新时间：2023-09-26

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

我能够为网格的顶部创建一个自定义工具栏，而不克隆底部，因此有操作按钮。我还可以克隆现有的导航器。

我缺少的是如何将这两个选项中的任何一个纳入菜单系统，如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();

任何帮助都是感激的。谢谢。

我建议你使用jQuery UI菜单小部件的位置选项。你可以使用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"); -您的网格。你会看到你拥有的可能性。

相关文章：