javascript - extjs 中日期选择器的定位

Question

我正在使用日期选择器，但我对它决定将日期选择器放置在屏幕上的位置有点困惑。在一个屏幕上它很好，但在另一个屏幕上它被卡在闪光对象后面。我可以强制它附加到单击日期按钮的地方的右下角吗？我在 firebug 中查找，它似乎在 CSS 中只有随机的左侧和底部变量，我不确定它们是从哪里提取的。谢谢

Answer 1

在尝试重新定位日期字段的菜单之前，请尝试将 Flash 对象的“wmode”属性设置为“不透明”。根据 Flash 对象的嵌入方式，这应该允许菜单出现在其上方。

如果您仍然想强制菜单的新对齐位置，请尝试覆盖 DateField 实例的 onTriggerClick 方法:

new Ext.form.DateField({
    fieldLabel: 'Choose a date',
    onTriggerClick: function() {
        Ext.form.DateField.prototype.onTriggerClick.call(this);
        this.menu.show(this.el, 'tl-br?');
    }
});

此对齐方式是菜单的左上角与字段的右下角。有关传递给 show 方法的第二个参数的其他可能值，请参阅 Ext.Element.alignTo 的文档。

这有点黑客行为，因为它会导致菜单的 show 方法被调用两次，但替代方法是重写 onTriggerClick 以在第一次调用时传递您选择的位置。