Android SenchaTouch 2.3:面板can';不能滚动

Android SenchaTouch 2.3:面板can';不能滚动,android,sencha-touch-2,Android,Sencha Touch 2,我在SenchaTouch 2.3中的hbox布局中遇到了一个奇怪的问题。该视图扩展了Ext.Container。以下是配置: config: { layout: "hbox", style: "padding-bottom: 20px;", items: [ { xtype: "panel", id: "stmc_info_buttons", cls: ["stmc_info_but

我在SenchaTouch 2.3中的hbox布局中遇到了一个奇怪的问题。该视图扩展了Ext.Container。以下是配置:

config: {
    layout: "hbox",
    style: "padding-bottom: 20px;",
    items: [
        {
            xtype: "panel",
            id: "stmc_info_buttons",
            cls: ["stmc_info_buttons", "shadow"],
            width: 350,
            styleHtmlContent: true,
            scrollable: true,
            items: [{
                xtype: "list",
                grouped: false,
                top: 0,
                left: 0,
                right: 0,
                bottom: 0,
                indexBar: false,
                cls: "stmc_info",
                id: "stmc_info_btn_entries",
                variableHeights: false,
                itemHeight: 35,
                store: {
                    id: "stmc_info_store",
                    model: "Stbg.model.Info",
                    proxy: {
                        type: "ajax",
                        url: "resources/json/info.json",
                        reader: {
                            type: "json",
                            rootProperty: "info"
                        }
                    },
                    autoLoad: true
                },
                itemTpl: new Ext.XTemplate(
                    '<tpl switch="typ">',
                    '<tpl case="rubrik">',
                    '<div class="contact2 {csscls}">{titel}</div>',
                    '<tpl default>',
                    '<div class="contact2 stmc_info_entry">{titel}</div>',
                    '</tpl>'
                )
            }]
        },
        {
            xtype: "panel",
            layout: 'fit',
            flex: 1,
            id: "stmc_info_text",
            scrollable: {
                direction: 'vertical',
                directionLock: true
            },
            cls: ["stmc_info_text", "shadow"]
        }
    ]
}

附加信息:加载的内容是纯HTML。这个问题只出现在Android平板电脑上。当我在Chrome中测试应用程序时,滚动效果与预期一样。

我没有看到父面板上定义的高度(使用hbox布局)。。。高度是必要的,需要从某个地方来。我在2.2.1中遇到了一个bug,在我打开另一个浮动面板之后,我出现了滚动问题。。。新窗口是一个卡片布局,其中有两个列表,第一个列表没有滚动,第二个列表滚动。不用说,这非常令人沮丧,所以我自己编写代码来更新滚动条的最大位置。如果您无法找出问题所在,可以根据需要修改以下代码

//get the list / scroller instances
var list = window.down('list[listName=workorders-list]'),
    scroller = list.container.getScrollable().getScroller();

//each line item is set to be 47px tall, so we'll calculate the
//maxHeight based on records.length * 47 - container height
var maxHeight = parseInt(records.length,10) * 47 - parseInt(scroller._containerSize.y,10);

//if maxHeight is less than 0 adjust it to 0
if (maxHeight < 0) {
    maxHeight = 0;
}

scroller.maxPosition.y = maxHeight;
//获取列表/滚动条实例
var list=window.down('list[listName=workorders list]'),
scroller=list.container.getScrollable().getScroller();
//每个行项目都设置为47px高,因此我们将计算
//maxHeight基于records.length*47-容器高度
var maxHeight=parseInt(records.length,10)*47-parseInt(scroller.\u containerSize.y,10);
//如果maxHeight小于0,则将其调整为0
如果(最大高度<0){
最大高度=0;
}
scroller.maxPosition.y=最大高度;
//get the list / scroller instances
var list = window.down('list[listName=workorders-list]'),
    scroller = list.container.getScrollable().getScroller();

//each line item is set to be 47px tall, so we'll calculate the
//maxHeight based on records.length * 47 - container height
var maxHeight = parseInt(records.length,10) * 47 - parseInt(scroller._containerSize.y,10);

//if maxHeight is less than 0 adjust it to 0
if (maxHeight < 0) {
    maxHeight = 0;
}

scroller.maxPosition.y = maxHeight;