Dojox Handy zurück Knopf

Question

Bitte helfen Sie, das macht mich wirklich verrückt. Ich bin etwas Neues zu Javascript, und ich versuche, mit dem Dojox.mobile Rahmen zu arbeiten ...

Im Grunde, was ich will zu tun ist, einen Knopf hat, das geht zu einem <div> die liegt vor die aktuelle beim Klicken. Dies muss ein normaler html <Knopf> oder <div> sein, und kann nicht eine UL, li, Überschrift oder ähnlich sein, da es in der Mitte der Ansicht befindet, nicht auf der Oberseite oder irgendeine Art von Grenze (der genaue Ort ist im style-Tag angegeben). Ich habe versucht, die dojo.back-Framework zu implementieren, aber ich kann nicht scheinen, es richtig zu bekommen, was sollte laden oder was sollte wohin gehen. Ich habe versucht, es mit der OnClick-Eigenschaft zu implementieren (das ist, wie ich alle anderen Schaltflächen implementieren, die forward gehen), aber es verursacht totale Überlappung zwischen allen divs. Ich habe versucht, es mit der Eigenschaft moveTo zu implementieren, aber ich denke, das ist nur für ul und li Elemente, nicht normale Schaltflächen oder Listenelemente (und wenn sie für normale Divs verfügbar sind, habe ich keine Ahnung, wie man sie implementiert).

Und ich habe ehrlich keine Ahnung, was ich sonst noch tun kann, bitte helfen!

Answer 1

Für dojox.mobile.View gibt es eine Funktion namens performTransition, die von einer Ansicht zu einer anderen wechseln kann. Hier ist ein kurzes Beispiel für etwas, das Sie vielleicht verwenden könnte:

HTML:

<div id="first_view" data-dojo-type="dojox.mobile.View"> 
    <p>First view you see</p> 
    ... 
</div> 
<div id="second_view" data-dojo-type="dojox.mobile.View"> 
    <p>Second view</p> 
    <button data-dojo-type="dojox.mobile.Button" 
     data-dojo-props='onClick:function(e){goBackToFirstView();}'> 
     Back 
    </button> 
</div> 

JavaScript:

function goBackToFirstView() { 
    // load the view that should be visible 
    var secondView = dijit.registry.byId("second_view"); 
    // transition slides back one 
    secondView.performTransition("first_view", -1, "slide"); 
}