Dojo widgetsintemplatemixin不解析data-dojo-props

Question

我的模板是

    <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不起作用，所以我将元素放在它周围。它将其解析为标题小部件，但属性除外。

有人可以帮助我吗？

Answer 1

您必须使用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>

结果 :(即使他们没有显示，内容也是可滚动的，页眉和页脚都是固定的。）

Answer 2

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

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