devextreme - DevExtreme Angular DataGrid - 自定义分组面板和操作
问题描述
我们希望更好地控制数据网格分组的外观和行为。
对于初学者,我们想控制分组面板的外观 - 可能创建一个自定义面板。
此外,虽然我们希望保留将列拖放到分组面板和从分组面板拖放的能力,但我们需要取消默认行为的能力(例如,如果在某个列上或某个时间完成了拖放,则取消取消分组)。
我们可以这样做吗?
最好的方法是什么?
此外,作为最后的手段,我们正在考虑覆盖内置行为。我们正在使用 devextreme-angular 库。我们能否在不重新编译两个库的所有代码的情况下覆盖原始的 devextreme js 模块(例如提供自定义分组控制器)?
谢谢
解决方案
您需要使用自定义数据源在 devextreme 中实现这样的功能。
数据网格使用自定义存储,它为我们提供在网格上执行的所有操作,我们需要处理这些操作并将所需格式的数据提供给网格。
每当您取消分组列时,它都会在 loadoptions 中提供有关该列的信息,您可以通过返回来处理取消分组。
此外,如果您想禁用特定列的分组,您可以在列对象allowGrouping = false中设置属性,这将禁用对该特定列的分组。
有关自定义数据源的更多信息,请参阅此链接 https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/CustomDataSource/jQuery/Light/
我自己在角度使用它。
推荐阅读
- java - 实现通用池的 NodeJS TCP 客户端发送到 Java TCP 服务器时丢失数据
- node.js - ExpressJS中的VHost访问主网站页面
- c - esp-idf:有条件地包含具有相同功能的组件
- javascript - 如何使用按钮从 Javascript 中的数组中删除特定元素
- asp.net-core - 包 Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation 5.0.0 与 netcoreapp3.1 不兼容
- build - 如何动态启用板条箱功能?
- image - 有兴趣在不使用 openCV 的情况下区分图像中的正方形和矩形
- python - 重复一个函数 1000 次并将每次迭代保存在一个列表中
- machine-learning - 关于用你自己的替换 LJ-Speech 数据集
- c# - 如何从 Visual Studio 中的表中删除特定记录?