Добавление выпадающих меню в jqGrid

Question

Я работаю над переносом приложения 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();

Любая помощь приветствуется. Спасибо.

Answer 1

Я предлагаю вам использовать опцию положения виджета меню jQuery UI. Ты можешь использовать using обратный вызов (см. документацию позиции jQuery UI) для изменения свойств подменю.

Просто попробуйте например

$("#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"); - ваша сетка. Вы увидите возможности, которые у вас есть.