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;
}

带有Kendo菜单模板的Kendo Grid列

1 个答案: