问题标签 [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 回答
2615 浏览

angular - 如何使用 *ngFor 将二级数据动态绑定到 dxi 列?

我正在尝试将二级数据动态绑定到 dxi-column。如何使用 *ngFor 指令设置数据?

如何将comititor(第二级)绑定到dxi-column内的每个column.comp_PT,column.comp_NPT,column.comp_Total,column.channelName?如果你们能帮助我获得解决方案,将不胜感激。

0 投票
1 回答
903 浏览

angular - 如何将 dx 按钮放在 dxo-export 旁边?

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

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

0 投票
1 回答
4121 浏览

angular - 需要在 Angular 6 应用程序的 dx-data-grid 中的单元格上悬停时显示自定义工具提示(dx-tooltip)

我需要在 dx-data-grid 列中的每个单元格上悬停时显示自定义工具提示(dx-tooltip)。我使用 Angular 6,不使用 jQuery。有没有办法做到这一点?

我正在努力为 onCellHoverChanged/onCellPrepared 事件上的每个单元格分配不同的 id 属性,这是 dx-tooltip 中的目标属性所需要的。

dx 工具提示:(html)

onCellHoverChanged 事件(组件 .ts)

使用此代码,我只能显示特定单元格的工具提示。我需要多个 id 来在一列中显示不同的工具提示。Devextreme 版本是 18.2.6。

0 投票
0 回答
630 浏览

c# - 在 Blazor 项目中使用 api 的网格中的特定行出现问题

我在 DevExpress 网格中的特定行正确连接到 API 时遇到问题。

我认为问题出在 API 上,因为网格中的某些行我可以通过以太删除或编辑它们来操作。但是像上面提到的其他一些行不能被以太编辑或删除,但所有创建的新数据也可以被操纵。希望有人遇到过这个问题,我提供了一些代码和错误消息供大家查看。

网格的代码

来自 API Customer.cs 的一些代码

客户控制器.cs

CustomerRepository.cs

这是设置类

这是我尝试操作其中一个损坏的行时遇到的错误

blazor.server.js:15 [2019-08-01T12:48:22.608Z] 错误:System.IO.IOException:无法从传输连接读取数据:现有连接被远程主机强行关闭.. -- -> System.Net.Sockets.SocketException (10054):现有连接被远程主机强行关闭。--- 内部异常堆栈跟踪结束 --- 在 System.Net.Sockets.Socket.AwaitableSocketAsyncEventArgs.GetResult(Int16 token) 在 System.Net.Sockets.Socket.AwaitableSocketAsyncEventArgs.ThrowException(SocketError error, CancellationToken cancelToken) 在 System. System.Net.Http.HttpConnection.ChunkedEncodingReadStream.CopyToAsyncCore(Stream destination, CancellationToken cancelToken) 处的 Net.Http.HttpConnection.FillAsync() System.Net.Http.HttpClient.GetStringAsyncCore(Task1 getTask) at Microsoft.AspNetCore.Components.HttpClientJsonExtensions.GetJsonAsync[T](HttpClient httpClient, String requestUri) at Websitewithpopup.Pages.BigGrid.OnRowUpdating(Customer dataItem, Dictionary2 newValue) 在 Q:\testsite\WebsitewithpopupDemoHP\Websitewithpopup\Pages\BigGrid.razor:line 123 at System.Threading.Tasks.Task.<>c.b__139_0(Object state) at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext。 ExecuteSynchronously(TaskCompletionSource`1 完成,SendOrPostCallback d,对象状态)在 Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContext。<>c.<.cctor>b__23_0(对象状态)在 System.Threading.ExecutionContext.RunInternal(ExecutionContext executionContext,ContextCallback回调,对象状态)---从先前引发异常的位置结束堆栈跟踪---在 Microsoft.AspNetCore.Components.Rendering 的 System.Threading.ExecutionContext.Run(ExecutionContext executionContext, ContextCallback callback, Object state)。RendererSynchronizationContext.ExecuteBackground(WorkItem 项)

[2019-08-01T12:48:22.610Z] 信息:连接断开。

图一:

首次加载网格:

图二:

在损坏的数据行之一上按编辑后的网格

图 3:

在损坏的数据行的编辑框中按更新后的网格:

图四:

在其中一个工作数据行上按编辑后的网格

图 5:

在工作数据行的编辑框中按更新后的网格:

0 投票
2 回答
1295 浏览

angular - 从 dxi-column [calculateCellValue] 函数调用的函数访问组件范围

最后一个问题是我无法从使用 [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 的交互部分现在不再工作,例如分组的折叠和展开功能。所以现在我被卡住了。我该如何解决?

0 投票
2 回答
989 浏览

devexpress - 适用于 Blazor 的 DevExpress dxDataGrid -“当前电路存在未处理的异常”错误

我正在为 Blazor 使用dxDataGrid构建项目,但是当我尝试添加新行或编辑当前行时出现一些错误。

我得到了这个错误: 在此处输入图像描述

我的第一个想法是SignalR已断开连接。但我不知道为什么或如何配置?

有人有什么主意吗?你能告诉我吗?

根据 Mikhail 的建议,我得到了一些关于错误的新细节。第一次尝试时出现第一个错误,第二次尝试时出现第二个错误。

我的代码似乎有问题。但我仍然对错误没有任何想法,所以我将我的代码片段粘贴在下面。

还有C#的代码。

0 投票
1 回答
783 浏览

asp.net-core - “DevExpress.Blazor.DxDataGridColumn”没有与名称“DisplayFormatString”匹配的属性

这是代码

如何解决此问题以及如何更改此网格的字体大小。

0 投票
1 回答
371 浏览

javascript - 如何通过单击一次按钮在数据库中插入文本框值和 dxDatagrid 所有选定值?

我有输入标签(文本框)和 dxDatagrid。我能够将所有选定的值从 dxDatagrid 传递到数据库,但我也想通过一键单击传递文本框(在网格之外)值。

PHP服务器端代码:

单击一次如何在数据库中同时传递文本框和 dxDatagrid 值

0 投票
1 回答
237 浏览

angular - 键盘导航时DxDataGrid不会触发routerLink

我正在使用 devextreme 数据网格。我有下一个代码:

每当我单击一行时,它都会按预期工作,但是当键盘导航(向上和向下)selectedRowKeys[]更新时,routerLink 不会触发。

我也有 routerLinkActive 的问题。它不会“突出显示”活动链接。

参考:DxDataGrid:https ://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxDataGrid/Methods/?version=14_1#getSelectedRowsData

路由器:https ://angular.io/guide/router

** 如果我将 TS 中的 routerLink 与onSelectionChanged事件一起使用,效果会很好,但我不知道如何使用 TS 中的 routerLinkActive

0 投票
1 回答
849 浏览

angular - 设置 DxDataGrid 的默认选项

我有一个角度应用程序,它有很多使用 DxDataGrid 的组件,它们都有相同的默认选项。是否可以在任何设置文件或类似文件的某处设置默认选项?