显示Sencha List滚动指示器

时间:2013-10-07 12:10:39

标签: sencha-touch sencha-architect sencha-touch-2.1

我是sencha touch的新手。我想指示列表的滚动。当列表加载时我需要显示滚动指示器。我在滚动列表时得到滚动指示器。但我想要加载指示名单。 { 的xtype: '清单', 滚动{ 方向:“垂直”, 指标:真 } }

提前致谢

2 个答案:

答案 0 :(得分:0)

默认情况下,不会有滚动指示符。 HTML5世界中不需要滚动指示器。请在facebook看看通知以及好友名单。滚动不会一直显示。

我们必须扩展Sencha Touch功能来实现这一点。有人实施了this feature

否则,您可以实现自己的方法。

如果你真的需要这个,有两种选择,

  1. 您必须扩展Sencha Touch功能
  2. 请使用this link
  3. 使用以下css

    .x-scroll-indicator { 不透明度:0.5!重要; }

  4. - 斯里达尔

答案 1 :(得分:0)

自Sencha Touch 2.3.0以来有一个自动隐藏配置:

  

" Touch 2.3.0中的新功能,每个指标都有一个autoHide配置   允许你控制它。将autoHide设置为false将告诉您   指示器不自动隐藏。您可以使用指标配置   容器或子类上的可滚动配置。"

     

http://www.sencha.com/blog/top-support-tips-march-2014

Ext.application({
    name: 'Fiddle',

    launch : function() {
        Ext.Viewport.add({
            xtype: 'container',
            html: 'The y scroll indicator will always show, x will hide as autoHide defaults to true',
            scrollable: {
                direction: 'both',
                indicators: {
                    y: {
                        autoHide: false
                    }
                }
            }
        });
    }
});

https://fiddle.sencha.com/#fiddle/1u9