问题标签 [dx-data-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3238 浏览

javascript - DevExpress (JS) - dxDataGrid 具有自定义汇总值的分组项目

我有一个具有 4 个分组级别的 dxDataGrid。我还有 'groupedItems' 的 'summary' 配置来汇总各个字段并为每个组创建某种汇总数据。但是,默认情况下,devExpress 会在所有组级别(我不想要)中冒泡这个 SUM,相反,我想只对我的第 4 组和第 3 组使用“摘要”行为,然后有自定义逻辑(a函数或其他东西),我可以在其中计算第二组的汇总值。

我目前在网格上显示的第 4 组和第 3 组汇总数据没有问题。但是,我看不到任何可以启用的自定义选项,以便为特定的列组(在我的例子中为实践)提供自定义摘要。

我目前正在使用 DevExpress Extreme (JS) v16.1.6。但是,如果这在诸如 Kendo UI 之类的不同技术中是可行的,那么很高兴知道如何在那里进行,因为我计划在不久的将来从 DevExpress 迁移到 Kendo UI。

我附上了一个截图,所以你们可以更好地想象我的问题。 例子

这是我的 DataGrid 的 JS 代码。

0 投票
2 回答
312 浏览

javascript - TypeScript - 访问内部对象中的变量

我有一个类型脚本类,它接受一个 url(字符串)作为构造函数中的参数。在类中,我有另一个类,它是 devextreme 数据网格的视图模型。我面临的问题是我不知道如何访问内部对象(GridViewModel)中的 url 属性,该对象具有作为其中一部分的功能。

我的问题是,如何在内部对象函数中访问“this.myUrl”?请帮忙

谢谢,

0 投票
1 回答
3444 浏览

angular - 如何在 dxdatagrid 中动态创建带有 dataType 的 dxi-column?

我们正在开发一个角度应用程序。我必须在 dxdatagrid 中显示记录

  1. 每次架构都会不同。数据来自不同的表。

  2. 想要添加/编辑记录

  3. 想要显示每种数据类型对应的控件

请任何人帮助实现同样的目标。

0 投票
0 回答
64 浏览

angular - 如何将 dx-data-grid 的所有 dxi-column 移动到单独的组件?

我们正在开发角度应用程序。我们使用 dx-data-grid 来显示数据。这里我想自定义数据字段。是否可以将所有列列表移动到单独的组件?

请任何人帮助实现同样的目标。

谢谢

克里希南

0 投票
1 回答
1129 浏览

angular - 如何从打字稿动态生成 dxi 列列表?

我们正在开发一个角度应用程序。dxdatagrid 用于显示数据。在 dxdatagrid 中是否可以从打字稿生成列?

请看下面的代码片段

< dx-data-grid id="EmployeeGrid"

在这里,我想从 Typescript 生成“FirstName”和“LastName”。

请任何人帮助实现同样的目标

谢谢

克里希南

0 投票
1 回答
134 浏览

angularjs - Ionic (Angularjs) 和 Devextreme Datagrid 的集成,无法显示来自 $http JSON 的数据

我正在使用 Angularjs 开发离子应用程序。在我的应用程序中,我必须与像 Datagrid 这样的 devextreme 组件集成。

当我尝试将 JSON 放在本地并在 devextreme 数据网格中显示时,它显示完美。但是,当我使用 $http 从 Web 服务获取 JSON 数据并显示在 devextreme Datagrid 中时。它无法显示它,但是当我控制台输出数据时,我能够获取数据并且无法在 Devextreme Datagrid 组件中显示它。

以下是我的示例代码

html代码

控制器代码

就像我为评论代码尝试过的一样,JSON文件的硬编码。它能够成功显示。如果我从 $http 获取它,它无法在 dx-data-grid 中显示数据。

0 投票
1 回答
545 浏览

angular - angular 6 / ngx-translate 和动态 devextreme dxDatagrid 列

我使用 ngx-translate 并且可以通过在 template.html 中绑定标题来本地化 dxDataGrid 中的列,如下所示:

现在我必须要求创建一个完全动态的列,这通常通过构建具有所需详细信息的列集合来工作。

问题是列标题,我只能通过调用columnOption方法来设置静态文本。

我正在寻找一种使用代码定义标题绑定的方法。

0 投票
1 回答
1368 浏览

angularjs - 使用批量编辑模式将外部更改应用于 dxDatagrid

我有一个配置了批量编辑模式的数据网格。当我向我的服务器发送一些请求时,它会回复计算出的新值,我想使用批量编辑模式功能(单元格周围的绿色边框,启用“保存更改”按钮)将这些值应用于我的数据网格。我设法通过浏览网格并更新单元格来使其工作 gridInstance.cellValue(...) 以获得所需的行为。现在它适用于适合单个页面的短数据样本,但是当样本大到需要多个页面时我遇到问题(每页上仅显示 10 个项目)。我想过通过网格的每一页来浏览它的行,但对我来说似乎有点脏,我担心性能。

更好的方法是浏览数据源而不是数据网格,并向需要更新的行添加一些标志,然后刷新/重新绘制数据网格。我怎样才能做到这一点?或者,如果我们不能使用标志或类似的东西,那么无论有多少页,更新整个网格的正确方法是什么?

0 投票
0 回答
499 浏览

angular - 在 dxdatagrid 如何动态隐藏添加行按钮?

在我们的 Angular 应用程序中,我们使用 dx 数据网格来显示记录。我们使用了批处理模式。我想动态隐藏添加行按钮。

当我们点击添加按钮时,会出现一个新行来输入数据。然后,如果未保存记录,我希望禁用或隐藏该按钮。

请看我的设置

任何人请帮我解决这个问题。

0 投票
0 回答
257 浏览

typescript - 如何在 dxdatagrid 列标题中添加复选框控件?

在 dxDataGrid 中,如何在 dxDataGrid 列标题中添加复选框控件?

<dxi-column dataField="schemaOnly" caption="仅模式" [width]="150"> </dxi-column>