【Javascript】【API/マッシュアップ】路線→駅名のドリルダウン検索をAPIを使って最速で実装する方法 | Wood-Roots:blog
全国を対象とした店舗データベースや不動産情報サイトなどで使うことがあると思うのですが、「都道府県を選択」→「路線を選択」→「駅名を選択」というドリルダウン検索をAPIを使って簡単に実装する方法をご紹介します。 DEMOを見ると分かりやすいですが、都道府県をセレクトメニューから選ぶとその都道府県内の路線が自動で選べるようになり、さらに路線を選ぶとその路線内の駅が選べるようになります。 DEMO この検索機能はHeartRails Expressが提供しているAPIを使用したものです。都道府県の取得（これはベタに書いてもいいような気がしますが・・・）から都道府県内の路線の取得、その路線に属する駅名の取得まで行うことができます。 路線から駅名を検索するAPIはロケタッチや駅データ.jpがありますが、都道府県から路線を取得できるAPIはHeartRails Express以外に見つからなかったので
Mac OSXのFinder風に動くドリルダウン式選択コンポーネント·jcvl MOONGIFT
ドロップダウンリストでカテゴリとサブカテゴリが連動したりする表示はよくあります。しかしあまり使いやすいとは言えません。そこでjcvlを使ってみましょう。ドリルダウン式、さらに複数選択もできる使いやすそうなコンポーネントです。 デモです。カラムは左からドリルダウンしていきます。選択すると、その結果が下にタグ上になって表示されます。 中央のカラムの選択を変更すれば、その右側のリストが変化します。 一段階のドリルダウンをした場合の表示です。この場合は三段目のカラムは表示されていません。子要素がない場合は「●」が表示されません。 コードです。リストを組み合わせたシンプルな作りになっています。 jcvlはリストを使うだけでドリルダウン式の（Mac OSXのFinder風の）UIを実現できる点にあります。Ajaxでコンテンツを取得しないので表示も高速です。カテゴリやタグなどの記入補助に使えそうです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
