P:具有响应的reflow = "true“的数据表排序语言

Question

如何用reflow = "true“(如此响应的Datatable)更改PF DataTable组件的排序语言？

问题是，在移动屏幕上，我们可以从自动生成的下拉列表中对数据进行排序，如果我们有排序选项，请参见下面的图片。如何更改这个下拉列表的语言？

​

我用的是PF 6.0。

Answer 1

我从未碰到或使用过它，但我知道源代码是开放的。所以我去了datatable的javascript文件。在那里，我搜索‘升级’，通过this.ascMessage，我最终在第170行上使用'datatable.sort.ASC'作为密钥。

这反过来指向core.js中的第619行

getAriaLabel: function(key) {
        var ariaLocaleSettings = this.getLocaleSettings()['aria'];
        return (ariaLocaleSettings&&ariaLocaleSettings[key]) ? ariaLocaleSettings[key] : PrimeFaces.locales['en_US']['aria'][key];
},

在其中，您可以看到使用了正常的PrimeFaces区域设置功能。

所以使用您的自己的地方并在其中覆盖这个部分，就像在默认区域设置中一样

aria: {
    'paginator.PAGE': 'Page {0}',
    'calendar.BUTTON': 'Show Calendar',
    'datatable.sort.ASC': 'activate to sort column ascending',
    'datatable.sort.DESC': 'activate to sort column descending',
    'columntoggler.CLOSE': 'Close'
}

会解决你的问题

Answer 2

这样做的目的是在资源文件中定义以下属性(请参阅Messages.properties)

primefaces.datatable.SORT_LABEL = Sort
primefaces.datatable.SORT_ASC = Ascending
primefaces.datatable.SORT_DESC = Descending

当你看到质数面的DatatableRender时，你可以看到这一点。

注意，i18n是以不同的方式在素数面中完成的。有些组件，如日历或日程，必须通过javascript进行翻译。请参阅这里