Android SenchaTouch 2.3:面板can';不能滚动
我在SenchaTouch 2.3中的hbox布局中遇到了一个奇怪的问题。该视图扩展了Ext.Container。以下是配置: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
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;