約2年前に書いた【Monaca】Onsen UI 選択したデータを前画面に渡す記事のJavaScript + Onsen UI V2版。(AngularJS未使用版)
Page1で「ここをタップ」をタップし、Page2で「100000」をタップすると、Page1に戻り「100000」と表示される。
![](https://otak-lab.com/wp-content/uploads/2018/07/2018071501-203x320.png)
![](https://otak-lab.com/wp-content/uploads/2018/07/2018071502-203x320.png)
![](https://otak-lab.com/wp-content/uploads/2018/07/2018071503-203x320.png)
問題は選択したデータを前画面に渡す方法。
やり方はいろいろあるが、もっとも簡単な方法はグローバル変数に選択したデータを保存する方法。
下記コードでは、独自のsetParamメソッドでグローバル変数に選択したデータを保存し、popPageメソッドで前画面に戻り、その途中で発生するons-navigatorのprepopイベントで選択したデータに書き換えている。
Continue reading