DevExtreme jQuery - DataSource - langParams
Specifies parameters for language-specific sorting and filtering.
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;collatorOptions
Specifies Intl.Collator options.
Type:
NOTE
If you set
sensitivity: 'base', all diacritics are ignored while sorting and filtering.locale
Specifies the locale whose features affect sorting and filtering.
Type:
Refer to the following page to see the list of available locales: IANA Language Subtag Registry.
Feedback