data
Type:
Array<any>
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ data: [ { id: 1, name: "John Doe" }, // ... ] });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ data: [ { id: 1, name: "John Doe" }, // ... ] }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ data: [ { id: 1, name: 'John Doe' }, // ... ] }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ data: [ { id: 1, name: 'John Doe' }, // ... ] }); class App extends React.Component { // ... } export default App;
errorHandler
Type:
This function accepts a JavaScript Error object as the parameter.
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ // ... errorHandler: function (error) { console.log(error.message); } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ // ... errorHandler: function (error) { console.log(error.message); } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... errorHandler: (error) => { console.log(error.message); } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... errorHandler: (error) => { console.log(error.message); } }); class App extends React.Component { // ... } export default App;
key
Specifies the key property (or properties) that provide(s) key values to access data items. Each key value must be unique.
In the following example, the ProductID
and ProductCode
properties are specified as key properties:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ // ... key: ["ProductID", "ProductCode"] });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ // ... key: ["ProductID", "ProductCode"] }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... key: ['ProductID', 'ProductCode'] }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... key: ['ProductID', 'ProductCode'] }); class App extends React.Component { // ... } export default App;
onInserted
Type:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onInserted: function (values, key) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onInserted: function (values, key) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onInserted: function (values, key) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onInserted: function (values, key) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onInserting
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onInserting: function (values) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onInserting: function (values) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onInserting: function (values) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onInserting: function (values) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onLoaded
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onLoaded: function (result) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onLoaded: function (result) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onLoaded: function (result) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onLoaded: function (result) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onLoading
Type:
Function parameters:
loadOptions:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onLoading: function (loadOptions) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onLoading: function (loadOptions) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onLoading: function (loadOptions) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onLoading: function (loadOptions) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onModified
Type:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onModified: function () { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onModified: function () { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onModified: function () { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onModified: function () { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onModifying
Type:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onModifying: function () { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onModifying: function () { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onModifying: function () { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onModifying: function () { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onPush
Type:
Function parameters:
changes:
Array<any>
Changes passed in the push(changes) method.
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onPush: function(changes) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onPush: (changes) => { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onPush: (changes) => { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onPush: (changes) => { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onRemoved
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onRemoved: function (key) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onRemoved: function (key) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onRemoved: function (key) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onRemoved: function (key) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onRemoving
Type:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onRemoving: function (key) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onRemoving: function (key) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onRemoving: function (key) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onRemoving: function (key) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onUpdated
Type:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onUpdated: function (key, values) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onUpdated: function (key, values) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onUpdated: function (key, values) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onUpdated: function (key, values) { // Your code goes here } }); class App extends React.Component { // ... } export default App;
onUpdating
Type:
jQuery
JavaScript
var store = new DevExpress.data.ArrayStore({ onUpdating: function (key, values) { // Your code goes here } });
Angular
TypeScript
import ArrayStore from "devextreme/data/array_store"; // ... export class AppComponent { store: ArrayStore; constructor() { this.store = new ArrayStore({ onUpdating: function (key, values) { // Your code goes here } }) } }
Vue
App.vue
<script> import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onUpdating: function (key, values) { // Your code goes here } }); export default { // ... data() { return { store } } } </script>
React
App.js
// ... import ArrayStore from 'devextreme/data/array_store'; const store = new ArrayStore({ // ... onUpdating: function (key, values) { // Your code goes here } }); class App extends React.Component { // ... } 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.