簡単にまとめますと、ページ移動時に、ons-tabbar内に設置した別のons-tabbar内の要素がリロードされてしまい困っています
言いたい事がさっぱりだと思うので必要箇所のみ記載したコードをのせます。
index
<script> function reload(){...}//IDが"ITSTABLE"の要素を書き換えています。 </script> <ons-navigator page="./login.html" var ="page"></ons-navigator>
login
<ons-navigator page="login.html"></ons-navigator> <ons-template id="login.html" > <ons-page> <ons-tabbar position="bottom" > <ons-tab page="login1.html" active></ons-tab> </ons-tabbar> <ons-template id="login1.html"> <ons-page> <ons-button onclick=" page.bringPageTop('main.html',{callback:function(){reload();},refresh:true});">Log In</ons-button> </ons-page> </ons-template> ..
main
<ng-include src="'main.html'" ></ng-include> <ons-template id="main.html"> <ons-page> <ons-list> <ons-tabbar position="bottom"> <ons-tab page="page1.html" active></ons-tab> </ons-tabbar> </ons-list> </ons-page> </ons-template>
page1
<ng-include src="'page1.html'" ></ng-include> <ons-template id="page1.html"> <ons-page> <ons-list> <ons-tabbar position="top"> <ons-tab page="page2.html" no-reload persistent active="true"></ons-tab> </ons-tabbar> </ons-list> <ons-template id="page2.html"> <ons-page> <ons-list id="ITSTABLE">//ここを書き換えます。 </ons-list> </ons-page> </ons-template> ...
以上のようなページ関係でして
最初のページLoad時は正常に動きます、しかし、1度popPageを行い、再度bringPageTopをした場合、【ITSTABLE】内の要素を書きかえることが出来ません。
色々した結果。
loginページからmain内の(page1)ページを読み込んだ際には要素の中身を書き換える事は出来ましたが、page2の要素は書き換える事が出来ませんでした、(page1内のons-tabbarが新しい要素として読み込まれている、ここを新しく読み込むのではなく、再度同じ要素として読み込みたい。)
しかし、リファレンスにはons-tabbarの再読み込み時は前回と同じ要素を使用する、、といったメソッドがないので悪戦苦闘しております。。
アドバイスお願いいたします。。
回答1件
あなたの回答
tips
プレビュー