將下拉菜單添加到jqGrid

Question

我正在將一個WinForm應用程序移植到瀏覽器，並希望保留在jqGrid的頂部（工具欄內）有一組下拉菜單的功能。

我能夠創建一個custom toolbar的網格頂部瓦特/克隆底部，從而有行動按鈕。我也能夠clone the existing navigator。

我缺少的是如何讓這兩個選項中的任何一個合併菜單系統，如jQuery UI Menu。下面的代碼將菜單添加到工具欄中，但菜單隱藏在網格後面。我試過調整z-索引和位置，但都沒有解決它。

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"); - 網格。你會看到你擁有的可能性。