0

如果带有输入文本的编辑区域向上滚动,则 Sencha 2.0 标题栏与选择所有范围区域重叠,它在 IOS 6.1 safari (webkit) 上运行 这里

这是我们为新消息创建对话框定义视图的方式

{
xtype: 'panel',
name: 'createMsgPanel',
id:'createMsgPanel',
cls:'newMsg-panel',
width: 840,
top:0,
left: 100,
modal: true,
hideAnimation: 'fadeOut',  // slideOut
hideOnMaskTap: false,
hidden: true,
items: [
{
xtype:'panel',
id:'createMsgPanelDiv',
cls:'nativeScrollingCls',
layout: 'vbox',
items:[
{
    xtype: 'formpanel',
    scrollable: false,
    height: 170,
    name: 'headerForm',
    items:[{
 xtype : 'emailfield',
 name : 'SenderEmail',
 id : 'senderEmail',
 label : 'To:',
 labelWidth : 38,
 height:35
    }, {
 xtype : 'emailfield',
 name : 'Cc',
 id : 'cc',
 label : 'Cc:',
 labelWidth : 38,
 height: 35
    }, {
 xtype: 'emailfield',
 name: 'Bcc',
 id: 'bcc',
 label: 'Bcc:',
 labelWidth: 42,
 height: 35
    }, {
 xtype : 'textfield',
 name : 'Subject',
 id : 'subject',
 label : 'Subject:',
 labelWidth : 74,
 height: 35
    },
 {
     xtype: 'container',
     layout: 'hbox',
     name: 'AttachmentsOuter',
     items: [
  {
      xtype: 'label',
      html: 'Attachments:',
      name : 'AttachmentsLabel',
      style: 'font-weight: bold; font-size: .8em; margin: 3px 0px 0px 10px;',
      width : 110
  },
  {
      xtype : 'panel',
      cls: 'att',
      name : 'Attachments',
      label : 'Attachments:',
      labelWidth : 130,
      width: 700,
      style: 'font-size: .8em; margin-top:7px'
  },
  {
      xtype: 'container',
      style: 'display: none',
      name: 'AttachmentsValue'
  }
     ]
 }

    ]
},{
    xtype: 'container',
    name: 'emailEditAreaCt',
    id: 'emailEditAreaCt',
    flex: 1,
    html: '<textarea id="inputEdit" style="width:825px;height:180px"></textarea>'

}
]
},{
    xtype: 'titlebar',   // Here we are defining titlebar
    name: 'newMsgTBar',
    title: 'New Message',
    docked: 'top',
    items: [{
 text: 'Cancel',
 name: 'cancel',
 align: 'left',
 margin: '0 10 0 0'
    },{
 text: 'Send',
 name: 'send',
 align: 'right',
 disabled: 'true'
    },{
 html:'<input type="text" id="dummyEmailTextBox" style="width:20px;background-color:transparent;border:none;"/>',
 ui:"plain",
 style:'-webkit-box-shadow: none;height:0px;left:-230px'
    }]

},{
    xtype: 'toolbar',
    name: 'editorToolBar',
    docked: 'bottom',
    height:35,
    html: '<div class="newMsg-important" id="emailImpDiv" ><div class="newMsg-important-image"></div></div>' +
  '<div class="newMsg-important-low" id="emailLowImpDiv" ><div class="newMsg-important-low-image"></div></div>' +
  '<div id="inputEditPanel" style="width:769px;display:inline;float:left;"></div>'
}
]
}

你会建议什么解决方案?

4

1 回答 1

0

<input type='text'.../>使用而不是 Sencha 的正确textarea有什么特别的原因吗?如果您使用普通表单字段,您可以使用这些字段定义一个字段集并将其添加到vbox带有停靠工具栏的布局中,这应该可以

于 2013-02-24T04:42:14.153 回答