问题标签 [devextreme-angular]

我正在使用启用了常春藤的 Angular 8。一切正常，期待我的 devextreme 组件来自 devexpress。目前，Ivy 不支持此功能。

有没有办法用 Ivy 编译除了这些模块之外的所有东西？

导出按钮/dxo-export 是 dx-data-grid 的一部分。我想让这两个 dx 按钮与 dxo-export 按钮并行，并使它们也右对齐。因此，dx-buttons 和 dxo-export button 具有相同的线并对齐。

这是我的代码。Dx 按钮在 dx 数据网格之外。所以我想这就是为什么按钮不能在一起

我正在使用一种remove方法来发出要存储的值。但是得到一个错误 error TS2322: Type 'void' is not assignable to type 'Promise<void> | JQueryPromise<void>'.- 如何解决这个问题？

这是我使用的示例：

https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/CRUDOperations/Angular/Light/

这是我的 ts 代码：

when use DevExtreme DataGrid,click the delete button,it shows a message,i want to reset the message language to another one - like Japanese or Russian.

my project is Angular8,at the top of app.module.ts,before @NgModule, i set the language like this:

i use Chrome,the browser's language is set to Chinese, but when i click delete button, the message is remain English

我正在尝试将带有过滤器的 dx-data-grid 导出为 PDF。由于 DevExtreme 还没有内置功能，我需要一个解决方法。我想使用 DevExpress XtraReport 来生成报告。问题是我不确定如何将网格数据源发送到 XtraReport 并让 XtraReport 使用它来创建报告。

在我的 Angular 组件中，我获得了应用了过滤器的数据源，然后尝试将数据发布到我的 web api 控制器。

数据服务

这似乎不起作用。

如果有人链接到使用 XtraReports 将网格数据导出为 PDF 的示例，我也会很感激。

我正在使用 DevExtreme PivotGrid 的 Angular 版本。这是我的代码

在这里，我使用PivotGrid的 onPivotCellClick 来处理我的自定义要求。基本上，我将输入附加到网格单元以进行内联编辑，并且我还将按键事件附加到它。

因为，它是纯 JavaScript，我无法从用 JavaScript 编写的输入按键回调函数调用 Angular 方法（即setDataSource ）。

有什么办法可以做到这一点吗？

我想用 Angular 8 测试 Devextreme Grid。我的设置大致如下：

HTML

测试

rows未定义，尽管 Karma 测试在测试浏览器中正确呈现行 。

我正在使用 DevExtreme 开发一个 Angular 项目。许多 DevExtreme 组件支持模板来自定义它们的显示方式。我想自定义与其他组件类似的 dx-date-box 组件的显示文本。

我将 angular 7 项目迁移到 angular 8。应用程序运行并且 npm test 工作，但 ng test 不起作用。

我用相同的设置创建了一个简单的 Angular 8 应用程序。然后我一步步将依赖项添加到package.json中。在每个新的依赖项之后，我删除了 node_modules 文件夹和 package-lock.json 文件。添加对 devextreme-angular 的依赖项时会出现问题。

示例项目托管在 GitHub ( https://github.com/agerbig/angular8-jest-devextreme )。

问题是这种依赖：

如果您使用 npm install 构建项目并使用 ng test 执行测试，则会发生以下错误：

发生未处理的异常：core_1.experimental.workspace.Workspace.fromPath 不是函数

当您删除对 devextreme-angular 的依赖并执行以下命令时，测试将成功执行：

该项目需要 devextreme-angular 组件。

任何想法如何让它工作？

这是相关的问题：https ://github.com/DevExpress/devextreme-angular/issues/978

最后一个问题是我无法从使用 [calculateCellValue]="function" 调用的函数访问 component.ts 的上下文，如果我使用 .bind(this) 传递它，DataGrids 交互功能将不再起作用.

最后一个问题：如何防止 .bind(this) 避免 DataGrid 的功能失效，或者确保我不需要执行 [calculateCellValue]="function.bind(this)" 来传递组件到函数，并以其他方式使用正常的 [calculateCellValue]="function" 方法传递上下文。

这是代码的样子：

我将 DxDataGrid 与 DxiColumns 一起使用，它调用了一个组件函数：

Angular 组件中的 getExamplevalues 函数如下所示：

exampleItems 在组件中的 ngOnInit-function 中启动：

但是，在 getExamplevalues-function 中 this.exampleItems 始终未定义，因为该函数仅返回 DxDataGrid 的上下文，而不是 Angular 的 component.ts 上下文。

一个解决方案是改变：

=>

通过这种方式，您也可以访问组件上下文，但是，DataGrid 的交互部分现在不再工作，例如分组的折叠和展开功能。所以现在我被卡住了。我该如何解决？