禁用拖放功能Kendo角网格

时间:2020-08-28 13:43:48

标签: angular kendo-ui kendo-ui-angular2

我有一个要求,我需要显示网格组标题,即kendo-grid-group-panel,但禁止从网格中拖动列和拖放(用户不能使用拖放功能添加或删除组列) )。我有一些默认组,将在渲染网格时设置。

示例:https://www.telerik.com/kendo-angular-ui/components/grid/grouping/

我的要求类似于Disable/remove close icon on Kendo Grid's default group column。但是该解决方案特定于kendo jQuery网格。我尝试了一些解决方法,但没有成功。

让我知道是否可行。任何帮助将不胜感激。

谢谢。

1 个答案:

答案 0 :(得分:0)

大家好,我是和剑道团队一起提出的。

将所有列的[groupable]输入属性设置为false。

然后可以添加一些自定义CSS,以隐藏组图块的“ X”按钮并防止组图块的默认点击行为:

 kendo-grid-group-panel div[kendodraggable] .k-button.k-button-icon.k-bare{
    display: none;
  }
  kendo-grid-group-panel div[kendodraggable]{
    pointer-events: none;
  }

https://stackblitz.com/edit/angular-nwyvhe?file=app/app.component.ts