Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://js.devexpress.com/React/Documentation/ApiReference/Data_Layer/Utils/ below:

DevExtreme React - Utils API

This section describes the utility objects that the DevExtreme data layer provides.

Applies an array of changes to a source data array.

import { applyChanges } from "devextreme/

"

A source data array to be updated.

An array of changes to be applied.

Configures how to apply changes.

Object structure:

Boolean

If true (default), the source array remains unchanged; a new array with applied changes is returned.
If false, changes are applied directly to the source array which is then returned.

String

Array<String>

Specifies the key property (or properties) that provide(s) keys to locate data items. Default value: "id"

An array with applied changes.

View Demo

Encodes a string or array of bytes in Base64.

import { base64_encode } from "devextreme/

"

A string or array of bytes to be encoded.

var base64str = DevExpress.data.base64_encode("test");

import { base64_encode } from "devextreme/data/utils";
// ...
export class AppComponent {
    constructor () {
        let base64str = base64_encode("test");
    }
}

  
<script>
import { base64_encode } from 'devextreme/data/utils';

export default {
    mounted() {
        this.base64str = base64_encode("test");
    },
    // ...
}
</script>

// ...
import { base64_encode } from 'devextreme/data/utils';

class App extends React.Component {
    constructor(props) {
        super(props);

        this.base64str = base64_encode("test");
    }
    // ...
}
export default App;

Compiles a getter function from a getter expression.

import { compileGetter } from "devextreme/

"

The DataSource and stores use this method internally - you do not need to use it directly. Refer to Getters and Setters for more information.

Compiles a setter function from a setter expression.

import { compileSetter } from "devextreme/

"

The DataSource and stores use this method internally - you do not need to use it directly. Refer to Getters and Setters for more information.

Use the setErrorHandler instead.

Specifies the function that is executed when a data layer object throws an error.

import { errorHandler } from "devextreme/

"

A JavaScript Error object.

Contains built-in OData type converters (for String, Int32, Int64, Boolean, Single, Decimal, and Guid) and allows you to register a custom type converter.

import { keyConverters } from "devextreme/

"

The following code shows how to register a custom type converter:

DevExpress.data.utils.odata.keyConverters["MyType"] = function (value) {
    return value + "MT";
};

import { keyConverters } from "devextreme/data/odata/utils";
// ...
export class AppComponent {
    constructor () {
        keyConverters["MyType"] = value => {
            return value + "MT"
        }
    }
}

  
<script>
import { keyConverters } from 'devextreme/data/odata/utils';

export default {
    mounted() {
        keyConverters['MyType'] = value => {
            return value + 'MT';
        }
    },
    // ...
}
</script>

// ...
import { keyConverters } from 'devextreme/data/odata/utils';

class App extends React.Component {
    constructor(props) {
        super(props);

        keyConverters['MyType'] = value => {
            return value + 'MT';
        }
    }
    // ...
}
export default App;

• DataSource Examples - OData Key Types

Creates a Query instance.

Data to be associated with the Query.

Additional query properties.

var query = DevExpress.data.query([10, 20, 50, 40, 30]);

import Query from "devextreme/data/query";
// ...
export class AppComponent {
    constructor () {
        let query = Query([10, 20, 50, 40, 30]);
    };
}

  
<script>
import Query from 'devextreme/data/query';

export default {
    mounted() {
        this.query = Query([10, 20, 50, 40, 30]);
    },
    // ...
}
</script>

// ...
import Query from 'devextreme/data/query';

class App extends React.Component {
    constructor(props) {
        super(props);

        this.query = Query([10, 20, 50, 40, 30]);
    }
    // ...
}
export default App;

• Query Concept

Creates a Query instance that accesses a remote data service using its URL.

The data service's URL.

Additional query properties.

The queryOptions object should contain the adapter function that implements data access logic. The queryOptions object can also contain the errorHandler function for handling errors that may occur during the Query's execution.

var query = DevExpress.data.query("http://mydomain.com/MyDataService", queryOptions);

import Query from "devextreme/data/query";
// ...
export class AppComponent {
    constructor () {
        let query = Query("http://mydomain.com/MyDataService", queryOptions);
    };
}

  
<script>
import Query from 'devextreme/data/query';

export default {
    mounted() {
        this.query = Query('http://mydomain.com/MyDataService', queryOptions);
    },
    // ...
}
</script>

// ...
import Query from 'devextreme/data/query';

class App extends React.Component {
    constructor(props) {
        super(props);

        this.query = Query('http://mydomain.com/MyDataService', queryOptions);
    }
    // ...
}
export default App;

• Query Concept

A method that specifies a function to be executed when a Data Layer component throws an error.

import { setErrorHandler } from "devextreme/

"

An error handler. Accepts a JavaScript Error object as a parameter.

DevExpress.data.setErrorHandler(function (error) {
    console.log(error.message);
});
// ===== or when using modules =====
import { setErrorHandler } from "data/errors";

setErrorHandler(function(error) {
    console.log(error.message);
});

import { setErrorHandler } from "data/errors";

setErrorHandler(function(error) {
    console.log(error.message);
});

import { setErrorHandler } from "data/errors";

setErrorHandler(function(error) {
    console.log(error.message);
});

import { setErrorHandler } from "data/errors";

setErrorHandler(function(error) {
    console.log(error.message);
});

• Handling Errors

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4