Dojox移动后退按钮

时间:2012-04-08 23:19:10

标签: html javascript-framework dojo dojox.mobile

请帮助,这真的让我发疯了。 我对Javascript有点新,我正在尝试使用Dojox.mobile框架...

基本上,我想要做的是有一个按钮,转到< div>单击之前当前的。这需要是普通的html< button>或者< div>,并且不能是ul,li,heading或类似的,因为它位于视图的中间,而不是顶部或任何类型的边框(样式标记中给出了确切的位置) ).. 我尝试实现dojo.back框架,但我似乎无法正确应该加载什么或应该去哪里。 我尝试使用OnClick属性(这是我如何实现 forward 的所有其他按钮)来实现它,但它会导致所有div之间的完全重叠。 我尝试使用moveTo属性实现它,但我认为这只适用于ul和li元素,而不是普通的按钮或列表元素(如果它们可用于普通div,我不知道如何实现它们。)

我真的不知道我还能做什么,请帮忙!

1 个答案:

答案 0 :(得分:0)

对于dojox.mobile.View,有一个名为performTransition的函数可以从一个视图切换到另一个视图。以下是您可以使用的一个简单示例:

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");
}