/**
* @event show
* Fires when this field show.
- * @param {Roo.bootstrap.DateField} this
+ * @param {Roo.bootstrap.DateField} thisthis
* @param {Mixed} date The date value
*/
show : true,
this.picker().setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
this.pop = this.picker().select('>.datepicker-time',true).first();
- this.pop.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block'
+ this.pop.setVisibilityMode(Roo.Element.DISPLAY).originalDisplay = 'block';
this.picker().on('mousedown', this.onMousedown, this);
this.picker().on('click', this.onClick, this);
fireKey: function(e){
if (!this.picker().isVisible()){
- if (e.keyCode == 27) // allow escape to hide and re-show picker
+ if (e.keyCode == 27) { // allow escape to hide and re-show picker
this.show();
+ }
return;
}
var cls = ['bottom'];
- Roo.log('run!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1');
- Roo.log(Roo.lib.Dom.getViewWidth());
- Roo.log(Roo.get(document.body).getScroll());
- Roo.log(this.inputEl().getLeft());
- Roo.log(this.picker().getWidth());
- Roo.log(this.el);
if((Roo.lib.Dom.getViewHeight() + Roo.get(document.body).getScroll().top) - (this.inputEl().getBottom() + this.picker().getHeight()) < 0){ // top
cls.pop();
cls.push('top');
this.picker().addClass(cls.join('-'));
+ var _this = this;
+
Roo.each(cls, function(c){
if(c == 'bottom'){
- this.picker().setTop(this.inputEl().getHeight());
+ _this.picker().setTop(_this.inputEl().getHeight());
return;
}
if(c == 'top'){
- this.picker().setTop(0 - this.picker().getHeight());
+ _this.picker().setTop(0 - _this.picker().getHeight());
return;
}
if(c == 'left'){
- this.picker().setLeft(this.inputEl().getLeft() - this.el.getLeft());
+ _this.picker().setLeft(_this.inputEl().getLeft() + _this.inputEl().getWidth() - _this.el.getLeft() - _this.picker().getWidth());
return;
}
if(c == 'right'){
- this.picker().setLeft(this.inputEl().getLeft() - this.el.getLeft());
+ _this.picker().setLeft(_this.inputEl().getLeft() - _this.el.getLeft());
return;
}
});
-// this.picker().setTop(0 - this.picker().getHeight()).setLeft(this.inputEl().getLeft() - this.el.getLeft());
-// this.picker().setTop(this.inputEl().getHeight()).setLeft(this.inputEl().getLeft() - this.el.getLeft());
},
onFocus : function()