DevExtreme React - DataSource - langParams
Type:
Use this property to include language-specific parameters in sorting and filtering operations performed on a client. For example, you can use langParams to make DataSource ignore letters with diacritic symbols. Specify locale and collator options as in the example below:
jQuery
JavaScript
const dataSource = new DevExpress.data.DataSource({ // ... langParams: { locale: 'fr', collatorOptions: { sensitivity: 'accent', caseFirst: 'upper' } } });
Angular
TypeScript
import DataSource from "devextreme/data/data_source"; // ... export class AppComponent { dataSource: DataSource; constructor () { this.dataSource = new DataSource({ // ... langParams: { locale: 'fr', collatorOptions: { sensitivity: 'accent', caseFirst: 'upper' } } }); } }
Vue
App.vue
<script> import DataSource from 'devextreme/data/data_source'; const dataSource = new DataSource({ // ... langParams: { locale: 'fr', collatorOptions: { sensitivity: 'accent', caseFirst: 'upper' } } }); export default { data() { return { dataSource } } } </script>
React
App.js
// ... import DataSource from 'devextreme/data/data_source'; const dataSource = new DataSource({ // ... langParams: { locale: 'fr', collatorOptions: { sensitivity: 'accent', caseFirst: 'upper' } } }); function App() { // ... } export default App;
locale
Type:
Refer to the following page to see the list of available locales: IANA Language Subtag Registry.
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.