时间戳

首页 > 解决方案 > 禁用拖放功能 Kendo Angular Grid

angular - 禁用拖放功能 Kendo Angular Grid

问题描述

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

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

谢谢。

标签： angularkendo-uikendo-ui-angular2

解决方案

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

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

推荐阅读