@qooxdoo/framework
Version:
The JS Framework for Coders
96 lines (77 loc) • 2.35 kB
JavaScript
/* ************************************************************************
qooxdoo - the new era of web development
http://qooxdoo.org
Copyright:
2004-2014 1&1 Internet AG, Germany, http://www.1und1.de
License:
MIT: https://opensource.org/licenses/MIT
See the LICENSE file in the project's top-level directory for details.
Authors:
* Tino Butz (tbtz)
* Christopher Zuendorf (czuendorf)
************************************************************************ */
/**
* Abstract class for all input fields.
*/
qx.Class.define("qx.ui.mobile.form.Input", {
extend: qx.ui.mobile.core.Widget,
include: [
qx.ui.form.MForm,
qx.ui.form.MModelProperty,
qx.ui.mobile.container.MScrollHandling,
qx.ui.mobile.form.MState
],
implement: [qx.ui.form.IForm, qx.ui.form.IModel],
type: "abstract",
construct() {
super();
this._setAttribute("type", this._getType());
this.addCssClass("gap");
this.addListener("focus", this._onSelected, this);
},
members: {
// overridden
_getTagName() {
return "input";
},
/**
* Returns the type of the input field. Override this method in the
* specialized input class.
*/
_getType() {
if (qx.core.Environment.get("qx.debug")) {
throw new Error("Abstract method call");
}
},
/**
* Handles the <code>click</code> and <code>focus</code> event on this input widget.
* @param evt {qx.event.type.Event} <code>click</code> or <code>focus</code> event
*/
_onSelected(evt) {
if (
!(evt.getTarget() instanceof qx.ui.mobile.form.TextField) &&
!(evt.getTarget() instanceof qx.ui.mobile.form.NumberField)
) {
return;
}
var scrollContainer = this._getParentScrollContainer();
if (scrollContainer === null) {
return;
}
setTimeout(
function () {
scrollContainer.scrollToWidget(this.getLayoutParent(), 0);
// Refresh caret position after scrolling.
this._setStyle("position", "relative");
qx.bom.AnimationFrame.request(function () {
this._setStyle("position", null);
}, this);
}.bind(this),
300
);
}
},
destruct() {
this.removeListener("focus", this._onSelected, this);
}
});