以下のような画面遷移を実現したいと思っています。
タブで画面を大きくわけたい。
例えば、
タブ1(分類1)、タブ2(分類2)、タブ3(分類3)
タブ1(分類1)の中で画面を遷移させたい。
新規作成 -> 確認 -> 登録
タブ2(分類2)の中で画面を遷移させたい。
検索 -> 明細表示
タブ2(分類2)の中で画面を遷移させたい。
一覧表示
この実現のため、
ons-tabbbar と ons-navigator を使って実現可能でしょうか。
以下で実施してみましたが、動かず(事象としては「タブ2」ボタンをクリックしても変化なし)、実現可能な方法をご教示いただけないでしょうか。
index.html
<body> <ons-tabbar position="top"> <ons-tab label="タブ1" page="tab1.html" active> </ons-tab> <ons-tab label="タブ2" page="tab2.html"> </ons-tab> <ons-tab label="タブ3" page="tab3.html"> </ons-tab> </ons-tabbar>tab1.html
<ons-page id="tab1">
<ons-navigator var="tabNavigator" page="tab1.html"></ons-navigator>
<p style="text-align: center;">
タブ1
</p>
<ons-button
onclick="tabNavigator.pushPage('tab2.html')">
タブ2
</ons-button>
</ons-page>
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。