如何将DevExtreme筛选按钮文本翻译为其他语言

方法一：使用官方本地化包 #

DevExtreme提供了多语言官方本地化脚本，直接引入对应语言包即可实现全局翻译：

• 找到目标语言的本地化脚本（如中文为dx.messages.zh-CN.js），确保在DevExtreme核心脚本之后引入项目
• 初始化时设置当前语言：

DevExpress.localization.locale('zh-CN');

执行后，包括筛选按钮在内的所有内置UI文本都会自动切换为对应语言。

方法二：自定义本地化文本 #

如果官方包未覆盖所需语言，或需要自定义翻译内容，可通过loadMessages方法手动配置：

// 加载自定义翻译键值对
DevExpress.localization.loadMessages({
    'zh-CN': {
        'dxDataGrid-filterRow-filter': '筛选',
        'dxDataGrid-filterPanel-filter': '筛选',
        'dxDataGrid-filterPanel-apply': '应用',
        'dxDataGrid-filterPanel-reset': '重置'
    }
});
// 设置当前语言
DevExpress.localization.locale('zh-CN');

注：上述键值为DataGrid组件相关的筛选文本键，其他组件（如TreeList）的对应键可参考DevExtreme官方文档的本地化键列表。

方法三：单个组件单独配置 #

若只需修改某个特定组件的筛选按钮文本，无需全局修改，可直接在组件配置中设置：

DataGrid示例：

$("#dataGrid").dxDataGrid({
    filterRow: {
        visible: true
    },
    filterPanel: {
        text: '筛选',
        applyText: '应用',
        resetText: '重置'
    },
    // 若Toolbar中有筛选按钮，直接修改text属性
    toolbar: {
        items: [
            {
                name: 'filterButton',
                text: '筛选'
            }
        ]
    }
});

内容的提问来源于stack exchange，提问作者Umut Palabiyik