Extjs 7.0日历标题未与列对齐
使用Extjs 7.0中的日历组件,我们注意到,如果语言设置为荷兰语,则标题单元格与其列不正确对齐: 检查源代码时,我找到了在单元格html中添加这些值的位置; 在Ext.calendar.header.Base中,setHeaderText函数中存在以下代码:Extjs 7.0日历标题未与列对齐,extjs,localization,calendar,header,extjs7,Extjs,Localization,Calendar,Header,Extjs7,使用Extjs 7.0中的日历组件,我们注意到,如果语言设置为荷兰语,则标题单元格与其列不正确对齐: 检查源代码时,我找到了在单元格html中添加这些值的位置; 在Ext.calendar.header.Base中,setHeaderText函数中存在以下代码: var me = this, D = Ext.Date, value = me.getValue(), format = me.getFormat(),
var me = this,
D = Ext.Date,
value = me.getValue(),
format = me.getFormat(),
domFormat = me.domFormat,
cells = me.cells,
len = cells.length,
useDates = me.useDates,
cell, i;
if (!value) {
return;
}
value = D.clone(value);
for (i = 0; i < len; ++i) {
cell = cells[i];
if (useDates) {
cell.setAttribute('data-date', D.format(value, domFormat));
}
cell.setAttribute('data-day', value.getDay());
cell.innerHTML = D.format(value, format);
value = D.add(value, D.DAY, 1);
}
var me=this,
D=分机日期,
value=me.getValue(),
format=me.getFormat(),
domFormat=me.domFormat,
cells=me.cells,
len=单元格长度,
useDates=me.useDates,
细胞,i;
如果(!值){
返回;
}
值=D.clone(值);
对于(i=0;i
innerHtml是通过格式化Date(D)对象来设置的,该对象产生当天的3个字符。如果您将此更改为仅设置4个字符的值,如cell.innerHTML='Test',则标题将很好地排列:
但由于某些原因,在使用D.format值时,这不起作用。如果有人知道这是什么原因,我很想听听
我似乎无法在另一种语言中测试这是否也会出错,因为某些原因我的包无法再加载。您可以设置(或修复)本地化覆盖本地化常量。
日历使用Ext.Date.dayname
和Ext.Date.getShortDayName()
可以在中看到的所有常量列表
您好,谢谢您的示例。我们已经创建了自己的本地化类,因为我们需要从自己的服务器加载翻译,该服务器应该覆盖“Locale”属性。当我在其中更改dayNames和getShortDayName函数时,我没有注意到有什么不同,所以可能这个重写没有做我认为应该做的事情。但是我不确定它的翻译是从哪里来的。啊,我发现在我们的app.json中,我们设置了“locale”:“nl”,而在Ext-local-nl.js中,它实际上设置了日名。因此,如果我在那里更改它们,我会在日历中看到它们更改。但标题仍然与列对齐,这很遗憾。与第一个屏幕截图上的列对齐?看起来你做了一些与样式对齐的事情,就像在第一个屏幕截图中,我们没有向日历组件添加任何样式。我们只是开箱即用。但是我试着给日历标题单元格增加一个宽度,出于某种原因,这就解决了这个问题。即使我调整窗口大小或使用设备工具栏使用不同的手机,它仍然看起来不错。