0

メインビューでEdgeToEdgeListを使用すると、正常に機能します。最初のEdgeToEdgeListから他のビューに移動し、この2番目のビュー（ScrollableView）に他のEdgeToEdgeListがある場合、この2番目のリストの項目は「ページの中央」に表示されます。ヘッダーと最初のリスト項目の間に空のスペースがあります。

Firebugを使用してデバッグすると、2番目のビュー（dojox.mobile.ScrollableView）のcssプロパティmargin-topが115pxに設定され、positionがabsoluteに設定されます。ファイアバグでは、margin-topプロパティを削除し、相対的な位置に設定すると、すべてが正常に表示されます。

WLスタジオでは、このプロパティが上書きされているように見えるため、このプロパティを設定できません。そのため、2番目のEdgeToEdgeListスタイルでmargin-top：-70pxを設定しました。

これはhtmlです：

<body id="content" style="display: none;" >
    <div data-dojo-type="dojox.mobile.ScrollableView" id="view0" data-dojo-props="selected:true">
        <div data-dojo-type="dojox.mobile.EdgeToEdgeList" id="mylist" >
            <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="moveTo:'Carreteras'">Testing</div>
            <div data-dojo-type="dojox.mobile.ListItem" data-dojo-props="moveTo:'Carreteras'">Testing</div>
        </div>
    </div>

    <div data-dojo-type="dojox.mobile.ScrollableView" id="Carreteras" data-dojo-props="selected:false,scrollDir:'v'" >
        <h1 data-dojo-type="dojox.mobile.Heading" data-dojo-props="label:'Carreteras',back:'Atras',moveTo:'view0',fixed:'top'"></h1>
        <div data-dojo-type="dojox.mobile.EdgeToEdgeList" id="infoViewContent" style="margin-top: -70px;'">
        <div data-dojo-type="dojox.mobile.ListItem" >Testing1</div>
            <div data-dojo-type="dojox.mobile.ListItem" >Testing1</div>
            </div>
    </div>

    <!--application UI goes here-->
    <script src="js/initOptions.js"></script>
    <script src="js/Repsol.js"></script>
    <script src="js/messages.js"></script>
    <script src="js/adapter.js"></script>
</body>

最初からすべてをうまく表示するためのヒントはありますか？

4

1 に答える 1

1

この種の問題を引き起こす可能性のあるものは2つあります。

  • dojox / mobile/deviceThemeモジュールがロードされる方法。このモジュールは、 https：//dojotoolkit.org/reference-guide/1.8/dojox/mobile/deviceTheme.html#loading-devicetheme-with-a-script-tagで説明されているスクリプトタグを使用してロードする必要があります。
  • 本体の「display：none」スタイルは、dojox/mobileが起動時にサイズを正しく計算できないようにします。これは「可視性：非表示」に変更する必要があります。

これら2つを変更すると、問題が解決するはずです。

于 2013-03-15T09:29:03.157 に答える