javascript - 带有剑道菜单模板的剑道网格列

Question

我有一个带有以下列的剑道网格：

var columns = [
    {title: "row", template: "#= gridRowCounter++ #"},
    {field: "FName", title: "Name"},
    {field: "LName", title: "Family"},
    {title: "Actions", template: 
            '<ul id="menu#=gridRowCounter-1#" >'+  
                '<li>Action<ul>'+  
                    '<li><span class="k-link" onclick="edit()">Edit</span></li>'+  
                    '<li><span class="k-link" onclick="delete()">Delete</span></li>'+  
                '</ul></li>'+  
            '</ul>'}
    ];  

---

我首先生成并初始化网格：

$("#grid").kendoGrid({
    dataSource : myDS,
    columns : columns,
    change: function() {
        var menus = $("ul[id*='menu']");
        for(var i = 0; i < menus.length; i++){  
            $(menus[i]).kendoMenu({
                direction: "right",
                animation: { open: { effects: "slideIn:right" } }
            });
        }
    }
});  

然后通过选择一行来初始化菜单。
它可以工作并且制作了菜单，但子菜单在网格边界下打开并且不出现。
我希望你帮我把所有元素的菜单放在首位。
谢谢。

Answer 1

默认情况下，网格表格单元格具有溢出：隐藏样式。你可以用

.k-grid tr td
{
     overflow:visible;
}