2013-02-22 62 views
0

煎茶2.0標題欄重疊選擇所有區域範圍,如果與輸入的文本編輯區中滾動了它的IOS 6.1的Safari上運行(WebKit的) here煎茶2.0標題欄重疊選擇所有區域範圍

這是我們爲新消息創建對話框定義視圖的方式

{ 
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>' 
} 
] 
} 

您會建議什麼解決方案?

回答

0

使用<input type='text'.../>而不是Sencha正確的textarea的任何特定原因?如果使用標準表單字段,則可以使用這些字段定義一個字段集,並使用停放的工具欄將其添加到vbox佈局中,並且該工作表應該可以工作

+0

實際上,此項html:'' – 2013-02-25 12:16:38