日付ピッカーはObjectHeader

Question

Jsfiddle demo here

私はObjectHeaderに日付ピッカーを入れしようとしていますでは動作しませんが、私はカレンダーアイコンが時々動作しませんでしたことがわかります。このアイコンの左にカーソルを置いてからクリックすると、datepickerのカレンダーページが表示されます。それ以外の場合は応答しません。

しかし、パネルのdatepickerは問題なく動作します。

style="width:100%;"をid="__xmlview0--datePicker"に削除しました。フォーカスエリアが正常に表示されます。ただし、デフォルトではstyle="width:100%;"が追加されます。このバグを修正するためのエレガントな方法はありますか？

Answer 1

次のXMLに変更してください。それはhttps://jsfiddle.net/n05fru1s/で働いています。

sap.suite.ui.commons.HeaderContainerは推奨されていませんが、代わりにsap.m.HeaderContainerを使用してください。それが役に立てば幸い！ありがとうございました。

<headerContainer> 
    <HeaderContainer id="headerContainer" class="dpContainer"> 
     <content> 
      <!--<Label text="simple DatePicker" labelFor="DP1"/>--> 
      <VBox> 
       <DatePicker id="datePicker" placeholder="It is working" change="handleChange" /> 
       <!--class="sapUiNoMargin"/>--> 
       <u:CalendarLegend id="legend" /> 
      </VBox> 
     </content> 
    </HeaderContainer> 
</headerContainer>