如何在 Devextreme 数据网格上捕获 web api 返回消息?

Posted

技术标签:

【中文标题】如何在 Devextreme 数据网格上捕获 web api 返回消息?【英文标题】:How can I catch web api return message on Devextreme datagrid? 【发布时间】:2018-07-02 23:03:45 【问题描述】:

我在我的 Asp.Net MVC 项目中使用 DevExpress MVC DataGrid,我想知道如何在客户端捕获事件,例如在插入或更新一行之后。

请参阅下面的示例代码:

    @(html.DevExtreme().DataGrid().ID("MyId").DataSource(d => d.WebApi().Controller("MyWebApi").Key("MyTableId")
........

【问题讨论】:

【参考方案1】:

您可以使用以下描述的事件:

    .OnEditingStart(@<text> function(e)  logEvent("EditingStart");  </text>)
    .OnInitNewRow(@<text> function(e)  logEvent("InitNewRow");  </text>)
    .OnRowInserting(@<text> function(e)  logEvent("RowInserting");  </text>)
    .OnRowInserted(@<text> function(e)  logEvent("RowInserted");  </text>)
    .OnRowUpdating(@<text> function(e)  logEvent("RowUpdating");  </text>)
    .OnRowUpdated(@<text> function(e)  logEvent("RowUpdated");  </text>)
    .OnRowRemoving(@<text> function(e)  logEvent("RowRemoving");  </text>)
    .OnRowRemoved(@<text> function(e)  logEvent("RowRemoved");  </text>)

你可以看到它在这个demo from DevExpress上工作

【讨论】:

【参考方案2】:

official DevExtreme demo 说明了如何使用 WebAPI 实现 CRUD 操作

【讨论】:

以上是关于如何在 Devextreme 数据网格上捕获 web api 返回消息?的主要内容,如果未能解决你的问题,请参考以下文章

在 ASP.NET MVC 中将 10000 个数据上传到 Devextreme 数据网格时出现问题

如何使用具有 FilteringState 和/或 LocalFiltering 的 DevExtreme React 网格表进行 OR 过滤?

具有服务器端分页/排序的 DevExtreme 数据网格不适用于过滤

Angular Devextreme - 获取当前页面上的总行数

DevExpress团队在行动!DevExtreme 2020全新起航——v19.2.6发布

DevExtreme dxGrid 查找列表单显示 id 而不是 DisplayExpr