私はSencha Touchでフライト検索アプリを作っていて、小さな問題が発生しました。Sencha Touchのテキストフィールドのオートコンプリート?
すべての空港のテキストフィールドを作成し、ユーザーが出発空港と帰国空港を簡単に選択できるようにするためのオートコンプリート機能が必要です。これをどのように実装できますか?空港はXMLスキーマを介してロードされるため、この機能に関する適切な文書を見つけることができません。
前もって太もも!
私はSencha Touchでフライト検索アプリを作っていて、小さな問題が発生しました。Sencha Touchのテキストフィールドのオートコンプリート?
すべての空港のテキストフィールドを作成し、ユーザーが出発空港と帰国空港を簡単に選択できるようにするためのオートコンプリート機能が必要です。これをどのように実装できますか?空港はXMLスキーマを介してロードされるため、この機能に関する適切な文書を見つけることができません。
前もって太もも!
そこにカスタムコンポーネントがなく、このようなものも必要でしたので、私はそれを一緒に打ちました。
だからここにあります。 煎茶タッチ2オートコンプリートTextFieldコンポーネント: https://github.com/martintajur/sencha-touch-2-autocomplete-textfield
現在はオートコンプリートの一致を取り込むためのAJAX要求応答を使用しています。また、ユーザーによるカスタム入力もサポートしています。
フォームデータをシリアル化する場合、入力のこのタイプの値は次のようになります
ユーザがいない場合のケースユーザに選択されたアイテムIDが一致したオートコンプリート結果これは現時点で非常に基本的なものであり、そのような制御の必要性によって完全に駆動されました。 自由にフォーク、修正、適応してください。それはMITのライセンスを受けています。
Ext.AutocompleteField.jsファイルをどのフォルダに保存する必要があるか教えてください。 app.jsで言及する必要はありますか?私はこのエラーが発生しています:認識できないエイリアスのインスタンスを作成できません:widget.autocompletefield –
実際、私はExt.Application()に入れたくありません。コードをきれいに保ちたい私はこのファイルをsdk/src /フォルダに入れてみましたので、通常のExtコントロールとして使用できますが、動作しませんでした。 –
私は@Ismailpにより示唆されるようにあなたは、あなたが空港のリストが含まれている必要があり、そのからkeyupイベントにポップアップ(パネル)を作成する必要があり、
の代わりに、テキストフィールドのsearchfieldを使うべきだと思います。
ダウンロードしたsencha frameworkのサンプルフォルダ内の隠しフォルダリスト検索を実行します。これは、リストを検索する方法を示しています。
これは良い考えです。私の場合、あなたのソリューションは私のデザインに合っていませんでした。しかし、それはもちろん動作します! – Ismailp
Okey、私はオートコンプリートを実行する良い方法が見つかりませんでした。私は、ユーザーが空港を選ぶことができる検索可能なリストをテキストフィールドに表示させました! – Ismailp
Extには、オートコンプリートとして機能する「コンボボックス」機能もあります。私はそれを見ていない! – Ismailp