jquery - 隐藏在 kendogrid 中的下拉菜单

Question

在我的 kendogrid 中，我需要显示一个下拉菜单(在单击按钮时)和允许调整列大小，如果我的需要显示一个滚动条数据对于网格来说太大了。我在溢出设置方面遇到问题。

现场样本 http://jsbin.com/gayibo/4/edit?css,output

---

如果我在我的网格上设置overflow-y: scroll，下拉菜单并不总是可见的。

---

另一方面，如果我设置 overflow-y: visible，我会在右侧看到溢出的行。

我已经尝试了所有方法，包括所有可能的溢出组合、更改 z 索引、在多余的行数据顶部显示黄色 div。没有任何效果。

我也尝试将下拉菜单更改为 position: fixed 但是当您出于任何原因滚动窗口时它会出现问题(因为菜单不会显示在按钮下方)

例如:菜单的固定位置

浏览器:Chrome/Firefox(ff 需要更多调整大小才能获得相同效果)

Twitter-Bootstrap:2.3.2

Answer 1

我过去也遇到过这种情况，但情况略有不同。验证最后一行时，Kendo Grid 自己的数据验证消息将被隐藏。

似乎没有一个正确的方法来解决这个问题而不会让事情变得困惑，但如果你对这个 hack 没问题，你可以使用这个代码。

     $('#grid').on('click', '.btn.btn-mini.dropdown-toggle',function(e){
        setTimeout(function(){
          var gridSpace = $('.k-grid-content');
          gridSpace.animate({scrollTop:500});
        },50);
      });

我所做的只是每当我点击您的自定义网格按钮之一时滚动到底部。

• 500 是大于 kendo 网格内容 div 和下拉高度组合的任意高度。
• setTimeout 用于在创建滚动条后执行滚动。

如果下拉菜单没有导致创建滚动条，则意味着没有隐藏下拉菜单，并且 scrollTop 不执行任何操作，因为没有滚动条。如果下拉菜单确实调用了滚动条的创建，则意味着它是隐藏的，可以滚动到最底部。

您更新的 jsBin ...