DevExtreme Angular - OData Service

Use the ODataStore to bind the Lookup to data provided by an OData service.

JavaScript
  • $(function() {
  • $("#lookupContainer").dxLookup({
  • dataSource: new DevExpress.data.ODataStore({
  • url: "https://js.devexpress.com/Demos/DevAV/odata/Products",
  • key: "Product_ID"
  • }),
  • valueExpr: "Product_Cost",
  • displayExpr: "Product_Name"
  • });
  • });

Data kept in the ODataStore can be processed in a DataSource. For example, the DataSource can filter data.

JavaScript
  • $(function() {
  • $("#lookupContainer").dxLookup({
  • dataSource: new DevExpress.data.DataSource({
  • store: {
  • type: "odata",
  • url: "https://js.devexpress.com/Demos/DevAV/odata/Products",
  • key: "Product_ID"
  • },
  • filter: ["Product_Available", "=", true]
  • }),
  • valueExpr: "Product_Cost",
  • displayExpr: "Product_Name"
  • });
  • });
See Also