我有一个从 Ext.form.Panel 扩展的简单视图,并且有三个项目。第一项是工具栏,属性停靠:'top',第二项是字段集,第三项是工具栏,但它停靠在底部。这个视图看起来不错,但是当我使用 Google Chrome 在 iPhone 4 或 iPhone 5(均使用 iOS 6)上打开它时,第三项就消失了。
同一个人可以解释为什么停靠在底部的工具栏仅在 iPhone 上的 Google Chrome 上不显示?
Ext.define("TestApp.view.Test", {
extend: "Ext.form.Panel",
requires: "Ext.form.FieldSet",
alias: "widget.testview",
config: {
scrollable: 'vertical',
items: [
{
xtype: "toolbar",
docked: "top",
title: "Title",
items: [
{
xtype: "button",
ui: "back",
text: "back",
itemId: "backBtn"
}
]
},
{ xtype: "fieldset",
items: [
{
xtype: 'textfield',
name: 'title',
label: 'Title'
},
{
xtype: 'textareafield',
name: 'description',
label: 'Description'
}
]
},
{
xtype: "toolbar",
docked: "bottom",
items: [
{
xtype: "button",
iconCls: "trash",
iconMask: true,
itemId: "deleteBtn"
}
]
}
]
}
});