禁用拖放功能 Kendo Angular Grid答案

【问题标题】：Disable Drag Drop Feature Kendo Angular Grid禁用拖放功能 Kendo Angular Grid
【发布时间】：2020-08-28 13:43:48
【问题描述】：

我有一个要求，我需要显示网格组标题，即 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。但该解决方案特定于剑道 jQuery 网格。我尝试了一些解决方法，但没有奏效。

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

谢谢。

【问题讨论】：

标签： angular kendo-ui kendo-ui-angular2

【解决方案1】：

大家好，我向剑道团队提出了这个问题。

将所有列的 [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

【讨论】：