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 回答
0

尝试更改data-dojo-props='fixed:"top"'为data-dojo-props="fixed:'top'".

如果它没有帮助，你可以将该属性设置为"postCreate"方法。（或者startup，我不确定哪个是正确的，我使用的是1.6 Dojo。）

于 2013-09-25T13:20:31.993 回答