React Scheduler - PHP Service
DevExtreme provides the DevExtreme-PHP-Data extension that implements data processing on a PHP 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
JavaScript
$(function() { var serviceUrl = "http://url/to/my/service.php"; $("#schedulerContainer").dxScheduler({ dataSource: DevExpress.data.AspNet.createStore({ key: "ID", loadUrl: serviceUrl, insertUrl: serviceUrl, updateUrl: serviceUrl, deleteUrl: serviceUrl }), // ... }) });
Angular
TypeScript
HTML
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.php"; this.store = createStore({ key: "ID", loadUrl: serviceUrl, insertUrl: serviceUrl, updateUrl: serviceUrl, deleteUrl: serviceUrl }) } } @NgModule({ imports: [ // ... DxSchedulerModule ], // ... })
<dx-scheduler ... [dataSource]="store"> </dx-scheduler>
Vue
App.vue
<template> <DxScheduler :data-source="dataSource" /> </template> <script> import 'devextreme/dist/css/dx.common.css'; import 'devextreme/dist/css/dx.light.css'; import DxScheduler from 'devextreme-vue/scheduler'; import { createStore } from 'devextreme-aspnet-data-nojquery'; const serviceUrl = "http://url/to/my/service.php"; const dataSource = createStore({ key: "ID", loadUrl: serviceUrl, insertUrl: serviceUrl, updateUrl: serviceUrl, deleteUrl: serviceUrl }); export default { components: { DxScheduler }, data() { return { dataSource } } } </script>
React
App.js
import React from 'react'; import 'devextreme/dist/css/dx.common.css'; import 'devextreme/dist/css/dx.light.css'; import Scheduler from 'devextreme-react/scheduler'; import { createStore } from 'devextreme-aspnet-data-nojquery'; const serviceUrl = "http://url/to/my/service.php"; const dataSource = createStore({ key: "ID", loadUrl: serviceUrl, insertUrl: serviceUrl, updateUrl: serviceUrl, deleteUrl: serviceUrl }); class App extends React.Component { render() { return ( <Scheduler dataSource={dataSource} /> ); } } export default App;
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.