当垂直滚动我的数据视图时,在释放拇指后它会自动滚动回到顶部

时间:2011-10-28 11:16:07

标签: sencha-touch

我有一个数据视图,当垂直滚动时,释放拇指后它会自动滚动回到顶部。然而,如果有一个列表,它将保留在释放拇指的位置。

这是数据视图组件中固有的无法避免的东西,还是我可以调整某种配置参数?

我目前的定义:

informationdataview = new Ext.DataView({
    id: 'informationdataview',
    itemSelector: 'div.thumb-wrap',
    tpl: informationtpl,
    autoHeight: true,
    layout: 'fit',
    store: myapp.stores.information,
    scroll: 'vertical'
});

这是Ext.Panel内唯一的项目。

感谢您的帮助。

4 个答案:

答案 0 :(得分:1)

将此代码添加到我的app.js文件解决了我的类似问题:

Ext.define('Override.util.PaintMonitor', {
override: 'Ext.util.PaintMonitor',
constructor: function (config) {
    return new Ext.util.paintmonitor.CssAnimation(config);
}});

Ext.define('Override.util.SizeMonitor', {
override: 'Ext.util.SizeMonitor',
constructor: function (config) {
    var namespace = Ext.util.sizemonitor;

    if (Ext.browser.is.Firefox) {
        return new namespace.OverflowChange(config);
    } else if (Ext.browser.is.WebKit || Ext.browser.is.IE11) {
        return new namespace.Scroll(config);
    } else {
        return new namespace.Default(config);
    }
}});

答案 1 :(得分:0)

我有同样的问题,通过将主Panel的布局值放到hbox来修复。这已在单独的问题here中介绍。

答案 2 :(得分:0)

我确信,滚动视图配置错误。请参阅此处以获得更好的解决方 UIScrollView Controller not scrolling fully

答案 3 :(得分:0)

我也遇到了同样的问题,我得到了解决方案。你已经为数据视图设置了snapboundary(即)将top和bottom设置为0,如果你有兄弟组件应该停靠在顶部。重要的是要使height: 100%不以像素为单位

items: [{
    xtype: 'selectfield',
    docked: 'top'
}, {
    xtype: 'dataview',
    width: '100%',
    bottom: 0,
    top: 0,
}]