【问题标题】:Is there a way to create a dynamic row numbering column with Angular and SyncFusion data grid?有没有办法使用 Angular 和 SyncFusion 数据网格创建动态行编号列?
【发布时间】:2020-07-28 21:21:03
【问题描述】:

我目前正在使用 Angular 和 SyncFusion 的 GridComponent 处理数据网格。我想添加一个动态行编号列。在 SyncFusion 论坛上,有人告诉我没有内置支持此类问题。所以,我想在这里征求意见。

一些进一步的信息: 现在,我在网格初始化中明确添加一列,它在开始时完成工作。

for(let i=0; i<myComponentConfig.componentData.gridData.length; i++){
      myComponentConfig.componentData.gridData[i].rowIndex = i;
}

-> myComponentConfig.componentData.gridData 是绑定到网格数据源的对象数组

现在,问题在于网格具有改变行编号顺序的各种功能。 其中一些,例如添加或删除行直接更改网格数据源,这使得对这些更改做出反应相对容易。但有些只是改变网格上的视图,比如过滤功能。

那么,有没有可能创建这样一个动态行编号,它对行和列的重新排序、添加、删除、过滤……做出反应? 提前致谢!

【问题讨论】:

    标签: javascript angular typescript syncfusion


    【解决方案1】:

    我们已经通过提供的信息验证了您的查询,并且我们假设您希望在重新排序、过滤等时动态地在 Grid dataSource 属性中生成行索引的顺序。我们提供了 CRUD 操作(添加/删除/更新)反映到网格数据源,因为网格数据源顺序绑定到网格 UI。然而,过滤、搜索、分组操作是在网格 UI 中执行的,其 currentViewData 基础未更新到网格的数据源。

    如果我们在 Grid 中实现了这个问题,我们就无法在过滤、搜索、分组等时保留 Grid 的数据源中的行索引顺序。

    如果我们误解了您的要求,请在下面分享有关您的疑虑的更多详细信息,这将有助于进一步验证。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2023-01-12
      • 2019-11-06
      • 1970-01-01
      • 1970-01-01
      • 2020-07-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多