劍道網格列與劍道菜單模板

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