Hi, list. I have simple issue that I fight not first time in qooxdoo
mobile. My scenario also already known here, I guess.. :) I have volatile
HTML sample with explicitely specified width and height that I wrapped
with qx.ui.mobile.embed.Html container. Then I use it
inside qx.ui.mobile.page.NavigationPage based page. My goal is to get
horizontal scrolling working as expected.
First usecase - do nothing, just add html inside content using this code:
var html = new qx.ui.mobile.embed.Html(this._getScrollerHtml());
this.getContent().add(html);
I'm getting here vertically scrollable content with number of known but
fixable iScroll bugs and no horizontal scroll at all.
Second usecase - I overrided _createScrollContainer method and using
qx.ui.mobile.container.Scroll container for scrolling with large number of
iScroll options to get everything work as I want:
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new qx.ui.mobile.container.Scroll(
{
"useTransform": this._detectUseTransforms(),
hScroll: true,
vScroll: true,
hScrollbar: true,
vScrollbar: true,
zoom: true,
snap: false,
momentum: true,
onBeforeScrollStart: function(e) {
var target = e.target;
while (target.nodeType != 1) {
target = target.parentNode;
}
if (target.tagName != 'SELECT' &&
target.tagName != 'INPUT' &&
target.tagName != 'TEXTAREA' &&
target.tagName != 'OPTION' &&
target.tagName != 'BUTTON' &&
target.tagName != 'LABEL') {
e.preventDefault();
}
}
}
);
}
return this._scroller;
}
in despite of hScroll attributes this code not giving me ability to scroll
page horizontally. In this thread
http://qooxdoo.678.n2.nabble.com/Qooxdoo-mobile-2-2-page-scroll-container-issues-td7582604.html
Christopher
told me that horizontal scrollind not working for
qx.ui.mobile.container.Scroll because of iScroll wrapper and the scroller
are the same container. I'm not sure it is, but why not change this to give
more flexibility?
Third usecase (I need my horizontal scrolling!): using ScrollComposite
scrolling container:
_createScrollContainer: function() {
if (this._scroller == null) {
this._scroller = new qx.ui.mobile.container.ScrollComposite();
this._scroller.setScrollableY(true);
this._scroller.setScrollableX(true);
this._scroller.setShowScrollIndicator(true);
}
return this._scroller;
}
Well, that's not hepled anyway untill I've changed
this.getContent().add(html);
to
this._scroller.add(html);
here I've got what I need but why first approach not working? Also I lost
zoom feature from iScroll using ScrollComposite scroller.
So what is the best approach to get horizontal scrolling worked and why
there is so many issues? I've used git qooxdoo mobile version for my
experiments.
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
Try New Relic Now & We'll Send You this Cool Shirt
New Relic is the only SaaS-based application performance monitoring service
that delivers powerful full stack analytics. Optimize and monitor your
browser, app, & servers with just a few lines of code. Try New Relic
and get this awesome Nerd Life shirt! http://p.sf.net/sfu/newrelic_d2d_may
_______________________________________________
qooxdoo-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
