Vue Common - Object Structures - GlobalConfig
Pass this object to the DevExpress.config(GlobalConfig) method to apply these setting, or call the same method without arguments to get the object with current settings.
DevExpress.config({ rtlEnabled: true, forceIsoDateParsing: false, //... });
decimalSeparator
Since v19.2, the separator is selected based on the specified locale. See Localize Dates, Numbers, and Currencies for more information.
defaultCurrency
The default currency. Accepts a 3-letter ISO 4217 code.
jQuery
DevExpress.config({ defaultCurrency: 'EUR' }); // ===== or when using modules ===== import config from "devextreme/core/config"; config({ defaultCurrency: 'EUR' });
Angular
import config from "devextreme/core/config"; config({ defaultCurrency: 'EUR' });
Vue
import config from "devextreme/core/config"; config({ defaultCurrency: 'EUR' });
React
import config from "devextreme/core/config"; config({ defaultCurrency: 'EUR' });
See Also
defaultUseCurrencyAccountingStyle
Specifies whether to apply the accounting style to formatted numbers of the currency
type.
The accounting style adds parentheses to negative numbers instead of the minus sign. To disable the accounting style globally and display formatted numbers of the currency
type with the minus sign, set this property to false.
jQuery
DevExpress.config({ defaultUseCurrencyAccountingStyle: false }); // ===== or when using modules ===== import config from "devextreme/core/config"; config({ defaultCurrency: 'EUR' });
Angular
import config from "devextreme/core/config"; config({ defaultUseCurrencyAccountingStyle: false });
Vue
import config from "devextreme/core/config"; config({ defaultUseCurrencyAccountingStyle: false });
React
import config from "devextreme/core/config"; config({ defaultUseCurrencyAccountingStyle: false });
This property specifies the global accounting style setting. If you want to override this setting for a component, specify the useCurrencyAccountingStyle property in the component's format object.
editorStylingMode
The following styles are available:
DevExpress.config({ editorStylingMode: 'filled' // or 'outlined' | 'underlined' });
floatingActionButtonConfig
Configures a Floating Action Button (FAB) that emits a stack of related actions (speed dial).
If you change this object at runtime, call the DevExpress.ui.repaintFloatingActionButton() method afterwards to apply the changes.
forceIsoDateParsing
Specifies whether dates are parsed and serialized according to the ISO 8601 standard in all browsers.
The default value is true. This implies that UI components detect date-time values' format automatically. If the values are not provided to the UI component yet, you need to specify the format explicitly using the UI component's dateSerializationFormat property. When you assign false to the forceIsoDateParsing, a browser's resources are utilized to parse and serialize date-time values.
oDataFilterToLower
Specifies whether to convert string values to lowercase in filter and search requests to OData services. Applies to the following operations: "startswith", "endswith", "contains", and "notcontains".
When the oDataFilterToLower property is true, the filter expression sent to the server contains a tolower()
function call and a lowercase filter value.
jQuery
DevExpress.config({ oDataFilterToLower: true }); // ===== or when using modules ===== import config from "devextreme/core/config"; config({ oDataFilterToLower: true }) // The filter expression in the request looks like the following: // https://...?filter=startswith(tolower(Product_Name), 'tel')
Angular
import config from "devextreme/core/config"; config({ oDataFilterToLower: true }) // The filter expression in the request looks like the following: // https://...?filter=startswith(tolower(Product_Name), 'tel')
Vue
import config from "devextreme/core/config"; config({ oDataFilterToLower: true }) // The filter expression in the request looks like the following: // https://...?filter=startswith(tolower(Product_Name), 'tel')
React
import config from "devextreme/core/config"; config({ oDataFilterToLower: true }) // The filter expression in the request looks like the following: // https://...?filter=startswith(tolower(Product_Name), 'tel')
You can use the filterToLower property in an individual ODataStore or ODataContext to control the same functionality.
rtlEnabled
Specifies whether the UI components support a right-to-left representation. Available for individual UI components as well.
thousandsSeparator
Since v19.2, the separator is selected based on the specified locale. See Localize Dates, Numbers, and Currencies for more information.
If you have technical questions, please create a support ticket in the DevExpress Support Center.