问题标签 [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.
angular - 如何使用 *ngFor 将二级数据动态绑定到 dxi 列?
我正在尝试将二级数据动态绑定到 dxi-column。如何使用 *ngFor 指令设置数据?
如何将comititor(第二级)绑定到dxi-column内的每个column.comp_PT,column.comp_NPT,column.comp_Total,column.channelName?如果你们能帮助我获得解决方案,将不胜感激。
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。
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(Task
1 getTask) at Microsoft.AspNetCore.Components.HttpClientJsonExtensions.GetJsonAsync[T](HttpClient httpClient, String requestUri) at Websitewithpopup.Pages.BigGrid.OnRowUpdating(Customer dataItem, Dictionary
2 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:
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 的交互部分现在不再工作,例如分组的折叠和展开功能。所以现在我被卡住了。我该如何解决?
asp.net-core - “DevExpress.Blazor.DxDataGridColumn”没有与名称“DisplayFormatString”匹配的属性
这是代码
如何解决此问题以及如何更改此网格的字体大小。
javascript - 如何通过单击一次按钮在数据库中插入文本框值和 dxDatagrid 所有选定值?
我有输入标签(文本框)和 dxDatagrid。我能够将所有选定的值从 dxDatagrid 传递到数据库,但我也想通过一键单击传递文本框(在网格之外)值。
PHP服务器端代码:
单击一次如何在数据库中同时传递文本框和 dxDatagrid 值
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
angular - 设置 DxDataGrid 的默认选项
我有一个角度应用程序,它有很多使用 DxDataGrid 的组件,它们都有相同的默认选项。是否可以在任何设置文件或类似文件的某处设置默认选项?