DevExtreme jQuery/JS - OData Service

Use the ODataStore to bind the TreeList to data an OData service supplies. It provides an interface for loading and editing data and allows you to handle data-related events.

JavaScript
  • $(function() {
  • $("#treeListContainer").dxTreeList({
  • dataSource: new DevExpress.data.ODataStore({
  • url: "https://examples.com/odata/Products",
  • key: "Product_ID",
  • onLoaded: function () {
  • // Event handling commands go here
  • }
  • })
  • });
  • });

Data kept in the ODataStore can be processed in the DataSource, for example, it can filter data.

JavaScript
  • $(function() {
  • $("#treeListContainer").dxTreeList({
  • dataSource: new DevExpress.data.DataSource({
  • store: {
  • type: "odata",
  • url: "https://examples.com/odata/Products",
  • key: "Product_ID"
  • },
  • filter: ["Product_Available", "=", true]
  • })
  • });
  • });
NOTE
Setting the ODataStore's deserializeDates option to false may cause filtering issues in the TreeList. See this option's description for details.
See Also