禁用拖放功能 Kendo Angular 网格

Question

我有一个要求，我需要显示网格组 Header 即 kendo-grid-group-panel 但禁用拖动列和从网格中删除（用户不应该能够添加或删除组列使用拖放功能）。我有一些默认组，我将在渲染网格时设置它们。

样本：https://www.telerik.com/kendo-angular-ui/components/grid/grouping/

我的要求与类似。但解决方案特定于 kendo jQuery 网格。我尝试了一些解决方法，但没有用。

如果可行，请告诉我。任何帮助将不胜感激。

谢谢。

Answer 1

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

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

禁用拖放功能 Kendo Angular 网格

Disable Drag Drop Feature Kendo Angular Grid

kendo-ui

kendo-ui-angular2

angular