dojox.mobile.currentview è null dopo spostarsi da una scheda a un altro
-
12-12-2019 - |
Domanda
Sto usando i seguenti controlli della scheda:
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);
}
.
Inizializzarli nel worklight JavaScript, come ad esempio:
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");
}
.
Le schede appaiono OK su APP Avviazione:
Tuttavia, quando faccio clic sulla seconda o nella terza scheda, entrambe di muoversi sul primo:
E vedo questo errore JavaScript nella console JS:
.Uncaught TypeError: non può leggere la proprietà 'ID' di indefinito
che significa che `var w= dojox.mobile.currentview;non è in grado di ottenere la vista corrente dopo aver spostato la scheda iniziale.
Questo è ciò che ha il mio HTML:
<!-- 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>
.
Qualche idea sul perché il dojox.mobile.currentView
non sta restituendo nulla dopo aver cambiato una scheda?
Soluzione
Immagino che sia correlato a questo: http://bugs.dojooolkit.org/ticket/15040.Sembra che abbiano rimosso Dojox.mobile.CurrentView dalle ultime versioni di Dojo Mobile.Attualmente sto facendo alcune cose con il lavoro per il lavoro e sto anche ottenendo 'indefinito' per dojox.mobile.currentview.
C'è un paio di raccomandazioni su quella pagina, ma sembra che tutto ora abbia bisogno di essere molto più complesso - yay: (