如何在 devextreme-react/data-grid 中更改 FilterRow 语言

Question

我如何更改 devextreme FilterRow ui 语言。 例如：我想将“开始于”文本更改为“新开始于”文本。

Answer 1

我想知道覆盖operationDescriptions配置是否可以实现您想要实现的目标？

查看文档： https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/filterRow/operationDescriptions/

<DataGrid ... >
            <FilterRow ... >
                <OperationDescriptions
                    startsWith="New starts with"
                />
            </FilterRow>
</DataGrid>

Answer 2

要更改所有 DevExtreme 组件的 ui 语言，请查看官方文档的localization部分。

以下是有关如何加载特定语言的示例：

// ...
// Dictionaries for German language
import deMessages from "devextreme/localization/messages/de.json";
import { locale, loadMessages } from "devextreme/localization";
  
// ===== React ======
class App extends React.Component {
    constructor(props) {
        super(props);
        loadMessages(deMessages);
        locale(navigator.language);
    }
}

这是GitHub上所有可用语言的列表。

如果您只想更改数据网格组件内的特定操作文本， Cătălin Andrei Preda 的答案是正确的。