2011-07-12 12 views
1

私はSencha Touchでフライト検索アプリを作っていて、小さな問題が発生しました。Sencha Touchのテキストフィールドのオートコンプリート?

すべての空港のテキストフィールドを作成し、ユーザーが出発空港と帰国空港を簡単に選択できるようにするためのオートコンプリート機能が必要です。これをどのように実装できますか?空港はXMLスキーマを介してロードされるため、この機能に関する適切な文書を見つけることができません。

前もって太もも!

+0

Okey、私はオートコンプリートを実行する良い方法が見つかりませんでした。私は、ユーザーが空港を選ぶことができる検索可能なリストをテキストフィールドに表示させました! – Ismailp

+0

Extには、オートコンプリートとして機能する「コンボボックス」機能もあります。私はそれを見ていない! – Ismailp

答えて

5

そこにカスタムコンポーネントがなく、このようなものも必要でしたので、私はそれを一緒に打ちました。

だからここにあります。 煎茶タッチ2オートコンプリートTextFieldコンポーネント: https://github.com/martintajur/sencha-touch-2-autocomplete-textfield

現在はオートコンプリートの一致を取り込むためのAJAX要求応答を使用しています。また、ユーザーによるカスタム入力もサポートしています。

フォームデータをシリアル化する場合、入力のこのタイプの値は次のようになります

ユーザがいない場合のケースユーザに選択されたアイテムIDが一致したオートコンプリート結果
  • 入力したテキストを選択している
    • オートコンプリートの結果を選択しました

    これは現時点で非常に基本的なものであり、そのような制御の必要性によって完全に駆動されました。 自由にフォーク、修正、適応してください。それはMITのライセンスを受けています。

  • +0

    Ext.AutocompleteField.jsファイルをどのフォルダに保存する必要があるか教えてください。 app.jsで言及する必要はありますか?私はこのエラーが発生しています:認識できないエイリアスのインスタンスを作成できません:widget.autocompletefield –

    +0

    実際、私はExt.Application()に入れたくありません。コードをきれいに保ちたい私はこのファイルをsdk/src /フォルダに入れてみましたので、通常のExtコントロールとして使用できますが、動作しませんでした。 –

    1

    私は@Ismailpにより示唆されるようにあなたは、あなたが空港のリストが含まれている必要があり、そのからkeyupイベントにポップアップ(パネル)を作成する必要があり、

    の代わりに、テキストフィールドのsearchfieldを使うべきだと思います。

    ダウンロードしたsencha frameworkのサンプルフォルダ内の隠しフォルダリスト検索を実行します。これは、リストを検索する方法を示しています。

    +0

    これは良い考えです。私の場合、あなたのソリューションは私のデザインに合っていませんでした。しかし、それはもちろん動作します! – Ismailp