0

内部に見出しと roundrectList を含む scrollableview を生成します。すべてうまく機能しますが、見出しが固定されていないため、見出しの addchild を addFixedBar に置き換えます。これで見出しは修正されましたが、RoundRectList に重なっています。リストの上端が見出しを超えており、読むことができません。リストを小さくするにはどうすればよいですか?

if (parentNodeId !== previousParentNodeId){
        var newDiv = new dojox.mobile.ScrollableView({
                    id: divNodesId,
                    dojoType: "dojox.mobile.ScrollableView",
                    scrollDir: "v",
                    style: "background-color: #d0d0d0"
        });
        newDiv.placeAt('mobileView','first');

        //look if there is a previous parent, only if there is one generate back button; needed for root div
        if (previousParentNodeId == null){
            var newHeading = new dojox.mobile.Heading({
                        id: h1NodesId,
                        dojoType: "dojox.mobile.Heading",
                        fixed: "top",
                        label: "Knotenübersicht"
            });
        }
        else {//create heading with back button
                        var newHeading = new dojox.mobile.Heading({
                        id: h1NodesId,
                        dojoType: "dojox.mobile.Heading",
                        back: "zurück",
                        moveTo: previousParentNode,
                        fixed: "top",
                        label: divNodeLabel
            });
        }

        //newHeading.placeAt(divNodesId,'first');
        newDiv.addFixedBar(newHeading);
        newHeading.startup();

        ulNodesId = "ulNodes"+parentNodeId;
        var newUl = new dojox.mobile.RoundRectList({
                    id: ulNodesId,
                    dojoType: "dojox.mobile.RoundRectList"
        });
        newUl.placeAt(divNodesId,'last');
    }
4

2 に答える 2

0

コードには、次のように変更すべき点が多数あります。

  • ScrollableView の startup() メソッドの呼び出しを追加します (DOM へのビューの追加後に配置されます)。
  • RoundRectList を ScrollableView に追加するには、たとえば newUl.placeAt(newDiv.containerNode); を使用します。(RoundRectList と ScrollableView のインスタンスをそれぞれ保持する変数の名前を使用します。リストは ScrollableView の containerNode に追加されることに注意してください)。
  • dojoType コンストラクター引数を削除します (これはプログラムによるインスタンス化用ではありません)。

最も簡単なのは、インスピレーションを得るか、コードを dojox/mobile/tests/test_dynamic-ScrollableView-vh-vf.html と比較することです (ソース配布を見つけることができます)。このテストは、達成したいことを正確に行います。

于 2014-04-16T09:34:48.217 に答える