DevExtreme jQuery/JS - Web API Service

DevExtreme provides the DevExtreme.AspNet.Data extension to access an ASP.NET Web API service. This extension consists of two parts: the server-side part implements data processing on the server according to the protocol the TreeList uses; the client-side part creates and configures a CustomStore to access the server from the client. The following code shows how to use the extension's client-side createStore method.

You should configure remoteOperations to notify the TreeList that the server handles data.

JavaScript
  • $(function() {
  • var serviceUrl = "http://url/to/my/service";
  • $("#treeListContainer").dxTreeList({
  • dataSource: DevExpress.data.AspNet.createStore({
  • key: "ID",
  • loadUrl: serviceUrl + "/GetAction",
  • insertUrl: serviceUrl + "/InsertAction",
  • updateUrl: serviceUrl + "/UpdateAction",
  • deleteUrl: serviceUrl + "/DeleteAction"
  • }),
  • remoteOperations: {
  • filtering: true,
  • sorting: true,
  • grouping: true
  • },
  • // ...
  • })
  • });

View Demo