dojox.móveis.modoatual é nulo depois de passar de uma guia para outra

StackOverflow https://stackoverflow.com//questions/11688519

Pergunta

Eu estou usando o seguinte guia controles :

function tweetsAction()
{
    var w = dojox.mobile.currentView;
    if (w.id != "tweetsView") w.performTransition('tweetsView', 1, "slide", null);
}

function secondAction()
{
    var w = dojox.mobile.currentView;
    if (w.id != "secondView") w.performTransition('secondView', 1, "slide", null);
}

function thirdAction()
{
    var w = dojox.mobile.currentView;
    if (w.id != "thirdView") w.performTransition('thirdView', 1, "slide", null);
}

Iniciando-los no Worklight JavaScript, tais como :

function initCommonControls()
{
    console.log("Android initCommonControls");

    WL.TabBar.init();
    WL.TabBar.addItem("tweetsView", tweetsAction, "Tweets", {image:"images/icons/help_bw.png", imageSelected:"images/icons/help.png"});
    WL.TabBar.addItem("secondView", secondAction, "Second", {image:"images/icons/help_bw.png", imageSelected:"images/icons/help.png"});
    WL.TabBar.addItem("thirdView", thirdAction, "Third", {image:"images/icons/help_bw.png", imageSelected:"images/icons/help.png"});

    WL.TabBar.setSelectedItem("tweetsView");
}

As guias aparecem OK na inicialização do aplicativo :

enter image description here

No entanto, quando eu clicar no segundo ou terceiro separador, tanto daqueles que se move sobre a primeira :

enter image description here

E eu vejo este erro de JavaScript no JS console :

Não Identificada TypeError:Não consegue ler a propriedade " id " da indefinido

O que significa que `var w = dojox.móveis.modoatual;não é capaz de obter o modo de exibição atual depois de mover fora de guia inicial.

Este é o meu HTML parece :

<!-- Tweets View -->
    <div id="tweetsView" data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props="selected: true">
        <div class="spacing"></div>
        <h1 id="head0" data-dojo-type="dojox.mobile.Heading" 
            data-dojo-props="label:'Tweet Search', fixed:'top'"></h1>
        <button onclick="getTweets()">Get Tweets</button>
        <input data-dojo-type="dojox.mobile.TextBox" id="sampleItem">
        <ul data-dojo-type="dojox.mobile.EdgeToEdgeList" id="theTable"
            class="tweetviewList">
        </ul>
    </div>

    <!-- second View -->
    <div id="secondView" data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props="selected:false">
        <div class="spacing"></div>
        <h1 data-dojo-type="dojox.mobile.Heading" 
            data-dojo-props="label:'second view', fixed:'top'"></h1>
        This is a second view
    </div>

    <!-- third View -->
    <div id="thirdView" data-dojo-type="dojox.mobile.ScrollableView" data-dojo-props="selected:false">
        <div class="spacing"></div>
        <h1 data-dojo-type="dojox.mobile.Heading" 
            data-dojo-props="label:'third view', fixed:'top'"></h1>
        This is a third view
    </div>

Alguma idéia de por que a dojox.mobile.currentView está retornando nada depois de mudar de um guia?

Foi útil?

Solução

Eu iria adivinhar que ele relacionados a este: http://bugs.dojotoolkit.org/ticket/15040.Soa como se eles já removido dojox.móveis.modoatual das versões mais recentes do Dojo Mobile.Atualmente estou fazendo algumas coisas com o Worklight e eu também estou ficando 'não' para dojox.móveis.modoatual.

Há um par de recomendações na página, mas parece que tudo agora deve ser muito mais complexo - yay :(

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top