DevExtreme Vue - MongoDB Service
Use the third-party devextreme-query-mongodb extension to query data from MongoDB. This extension implements data processing on a server according to the protocol the Scheduler uses. To access the server from the client, configure the CustomStore as described in the Custom Sources article or use the createStore method. This method is a part of the DevExtreme.AspNet.Data extension. The following code shows how to use this method.
jQuery
$(function() { var serviceUrl = "http://url/to/my/service"; $("#schedulerContainer").dxScheduler({ dataSource: DevExpress.data.AspNet.createStore({ key: "ID", loadUrl: serviceUrl, insertUrl: serviceUrl, updateUrl: serviceUrl, deleteUrl: serviceUrl }), // ... }) });
Angular
import { DxSchedulerModule } from "devextreme-angular"; import CustomStore from "devextreme/data/custom_store"; import { createStore } from "devextreme-aspnet-data-nojquery"; // ... export class AppComponent { store: CustomStore; constructor() { let serviceUrl = "http://url/to/my/service"; this.store = createStore({ key: "ID", loadUrl: serviceUrl, insertUrl: serviceUrl, updateUrl: serviceUrl, deleteUrl: serviceUrl }) } } @NgModule({ imports: [ // ... DxSchedulerModule ], // ... })
<dx-scheduler ... [dataSource]="store"> </dx-scheduler>
See this series of blog posts for more information on using DevExtreme widgets in applications with MongoDB.
If you have technical questions, please create a support ticket in the DevExpress Support Center.