Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript extjs中日期选择器的定位_Javascript_Ajax_Extjs_Datepicker - Fatal编程技术网

Javascript extjs中日期选择器的定位

Javascript extjs中日期选择器的定位,javascript,ajax,extjs,datepicker,Javascript,Ajax,Extjs,Datepicker,我正在使用日期选择器,但我对它决定将日期选择器放在屏幕上的位置感到有点困惑。在一个屏幕上,它很好,但在另一个屏幕上,它被困在一个闪光物体后面。我是否可以强制将其附加到单击日期按钮的位置的右下角?我在看firebug,它似乎只是在CSS中有随机的左下角变量,我不确定它们是从哪里来的。谢谢在尝试重新定位日期字段的菜单之前,请尝试将Flash对象的“wmode”属性设置为“不透明”。根据Flash对象的嵌入方式,应允许菜单显示在其上方 如果仍要强制菜单的新对齐位置,请尝试覆盖DateField实例的O

我正在使用日期选择器,但我对它决定将日期选择器放在屏幕上的位置感到有点困惑。在一个屏幕上,它很好,但在另一个屏幕上,它被困在一个闪光物体后面。我是否可以强制将其附加到单击日期按钮的位置的右下角?我在看firebug,它似乎只是在CSS中有随机的左下角变量,我不确定它们是从哪里来的。谢谢

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

如果仍要强制菜单的新对齐位置,请尝试覆盖DateField实例的OnTiggerClick方法:

new Ext.form.DateField({
    fieldLabel: 'Choose a date',
    onTriggerClick: function() {
        Ext.form.DateField.prototype.onTriggerClick.call(this);
        this.menu.show(this.el, 'tl-br?');
    }
});
这是菜单的左上角与字段的右下角对齐。请参阅Ext.Element.alignTo的文档,了解传递给show方法的第二个参数的其他可能值


这是一个小技巧,因为它会导致菜单的show方法被调用两次,但另一种方法是重写OnTiggerClick以在第一次调用时传递您选择的位置。

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

如果仍要强制菜单的新对齐位置,请尝试覆盖DateField实例的OnTiggerClick方法:

new Ext.form.DateField({
    fieldLabel: 'Choose a date',
    onTriggerClick: function() {
        Ext.form.DateField.prototype.onTriggerClick.call(this);
        this.menu.show(this.el, 'tl-br?');
    }
});
这是菜单的左上角与字段的右下角对齐。请参阅Ext.Element.alignTo的文档,了解传递给show方法的第二个参数的其他可能值


这是一个小技巧,因为它会导致菜单的show方法被调用两次,但另一种方法是重写OnTiggerClick以在第一次调用时传递您选择的位置。

在版本>=4.0.0中使用pickerAlign属性

例:


猫头鹰关于查看Ext.Element.alignTo上的文档以解释pickerAlign的工作原理的建议仍然有效

在版本>=4.0.0中,请使用pickerAlign属性

例:


猫头鹰关于查看Ext.Element.alignTo上的文档以解释pickerAlign的工作原理的建议仍然有效

太好了!简单而不引人注目的解决方案,具有良好的替代性。Wmode工作得很好!简单而不引人注目的解决方案,具有良好的替代性。Wmode做了一件好事^_^