列車時刻表(14) – 乗車予定一覧表(続)

前記事に引き続き乗車予定一覧表画面を修正する。

この画面が表示されるのは、
・任意の画面からフッタの’RideList’ボタンをクリックしたとき
・列車から「下車」したとき
で、後者については、下車した駅から別の列車に乗車する可能性が高い。そこで、以下のリンクボタンを追加する。
・下車駅の駅時刻表画面(乗車してきたのと同じ路線)
・駅時刻表の検索画面(下車駅と同じ名称を持つ駅を検索)
mttview06_d01
なお、この画面を表示する前に、路線データがロード済かを確認し、空の場合(初期状態など)にはこれらのボタンを無効化しておく。

駅の検索は’メイン画面’で行う。ボタンがクリックされたタイミングで、メイン画面の検索ボックスに駅名をセットして検索処理を実行する。

// JavaScript
$($this).on('click', '#btnTTRideListSrcStation', function(){		
  // 検索すべき駅名をセット
  $('#srcTTSrcStations').val( gCurRail.stations[gCurStationIdx].st_name );
  // 検索処理実行
  $('#srcTTSrcStations').trigger('change');
  // メイン画面に遷移
  $.mobile.changePage($('#pgTTMain'));
});

例えば、’会津若松駅’で下車した状態で、乗換駅を検索した結果は以下のとおり。(2路線の駅が検索された。)
mttview06_d02
mttview06_d03

あわせてアコーディオンの折り畳み部分にも乗換駅検索ボタンを追加しておく。
mttview06_d04

カテゴリー: Development タグ: , , パーマリンク