0

私のテンプレートは

    <div>
    <div class="header" data-dojo-type="dojox.mobile.Heading" data-dojo-props='fixed:"top"'>
        <span class="leftHeaderContent">
        ${leftButton}
        <div class="headerText">${currentView}</div>
        </span>
        <span class="rightHeaderContent">
        <div data-dojo-attach-event='onclick: clickProfile' class='profileButton'><div class=profileButtonInner></div></div>
        </span>
    </div>
    </div>

_WidgetsInTemplateMixin を使用して、カスタム ウィジェットを介してこれを解析します。見出しの 'fixed:"top"' プロパティが機能しないことを除いて、すべてが機能します。

スクロール可能なビューがあり、見出しがコンテンツとともにスクロールします。

テンプレートのルート要素がウィジェットの場合、_WidgetsInTemplateMixin が機能しないことがわかったので、その周りに要素を配置しました。プロパティを除いて、見出しウィジェットとして解析します。

誰かが私を助けることができますか？

4

2 に答える 2

2

ヘッダーを上部に固定するには、 ScrollableViewを使用する必要があります。ドキュメントによると、例のように をHeaderの外側に配置します。ScrollableView

<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"top"'>Application Header Bar</h1>
<div id="view1" data-dojo-type="dojox/mobile/ScrollableView">
    ....
</div>
<div id="view2" data-dojo-type="dojox/mobile/ScrollableView">
    ....
</div>
<h1 data-dojo-type="dojox/mobile/Heading" data-dojo-props='fixed:"bottom"'>Application Footer Bar</h1>

結果：（表示されていませんが、コンテンツはスクロール可能で、ヘッダーとフッターは両方とも固定されています。）

ここに画像の説明を入力

于 2013-09-25T13:54:12.357 に答える