問題タブ [jquery-ui-autocomplete]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jQueryUIオートコンプリートのカスタム値
jQuery UIオートコンプリートを使用していますが、カスタム値を渡すにはどうすればよいのでしょうか。
オプションを使用してカスタム値を定義できますか?どのように使うべきかよくわかりません。現在、次のようにURLの値を渡すことで、「問題」を解決しています。
asp.net-mvc - jQueryUIオートコンプリートプラグイン-質問
ASP.NET MVC 3 Webアプリケーション(Razor)と、jQuery UI AutoCompleteプラグイン(v1.8)を備えた特定のビューがあります。
これが私が現在持っているセットアップです:
オートコンプリートは、基本的にGoogleマップのオートコンプリートと同じ世界の場所を返します。
これが私の質問です:
1)delay
との推奨設定は何minLength
ですか?デフォルトのままにしますか?
2) Controllerアクションを実行することを考え[OutputCache]
ましたが、プラグインが自動的にキャッシュを実行するように見えますか?これはどのように作動しますか?結果をCookieに保存しますか?もしそうなら、それはいつ期限切れになりますか?追加のキャッシュが推奨されますか?
3)何かを入力すると、AJAXリクエストが実行されているときに、他の何かを入力すると、ダイアログに最初の結果が一時的に表示され、次に2番目の結果が表示されます。async: false
理由は理解できますが、ユーザーを混乱させます(AJAXリクエストには1〜2秒かかる場合があります)が、複数のリクエストを防ぐためのオプションで使用することを考えてい$.ajax
ます-これは悪いデザイン/ UXですか?
4)パフォーマンス/ユーザビリティを改善するために、上記の設定に他の変更を加えることをお勧めしますか?
jquery - contenteditable divとdatepickerでjQuery UIのオートコンプリートを調和させることは可能ですか?
フォーラムの投稿で、「jquery オートコンプリートを INPUT、TEXTAREA フィールドだけでなくコンテンツ編集可能な DIV で機能させる方法」を参照してください。contenteditable div 要素でオートコンプリートを機能させる方法がわかりますが、datepicker と組み合わせると、datepicker は入力フィールドにデータを入力しません。
この jsFiddle デモでわかるように: http://jsfiddle.net/xvnaA/
誰でもこれを修正する方法について賢明なアイデアを持っていますか?
javascript - オートコンプリートしてライブ?
#txtAllowSearch がフラット html である限り機能する次のスクリプトがあります。
#txtAllowSearch が javascript/jquery によって動的に作成されるとすぐに、これは機能しなくなります。
これを機能させるにはjqueriesをライブで使用する必要がありますか?
jquery - jQuery Autocomplete - ユーザーが可変テキストのテキスト入力ボックスをクリックしたときに検索を開始する方法
jQueryオートコンプリートを使用してユーザーが適切なアイテムを選択できるようにする一連のテキスト入力ボックスがあります。アイテムが一致する必要があります。一致しない場合、フィールドは空白のままにする必要があります。この部分は正常に動作します。
現在、これには、ユーザーがフィールドをクリックしてから、選択を行う前に一致するテキストの入力を開始する必要があります。常にではありませんが、多くの場合、一致する最初の数文字がスクリプトによって認識されます (ただし、フィールドごとに変化します)。文字がわかっている場合は、ユーザーが入力フィールドをクリックできるようにしてから、検索が表示され、それらの数文字を使用して検索を開始できるようにすることで、ユーザーを支援したいと思います。文字が間違っている可能性があります。その場合、ユーザーはそれらを削除し、独自の入力を入力して一致を選択できます。
私が欲しいと思うのは、基本的に、ユーザーが入力をクリックしたときにそれらを入力することです。次に、それが魔法のように自動検索をトリガーし、そこから取得します。しかし、これを行う最善の方法は何ですか?
私は持っている:
それがこれを行う正しい方法でない場合、私はそれをタイプするつもりはありません。また、とにかくそれを機能させることができませんでした。助言がありますか?
google-app-engine - GAE からデータを取得する jQuery オートコンプリート タグを実行する最良の方法は何ですか?
ここには、基本的にjqueryuiからのものがあります。はい、生であり、例では JSON を使用してオートコンプリート プロセスを処理します。私のバックエンド開発者は GAE で python を使用しており、通常は gql ダイレクトからデータを引き出して Web ページにダンプするだけです。スタックオーバーフローと同じようにタグを作成するには、この関数が必要です。ここでの私の状況でのベストプラクティスは何ですか?
javascript - 1ページに複数のフォーマットされたjQueryUIオートコンプリートのjQueryでチェーンの最上位を参照するにはどうすればよいですか?
jQueryUIオートコンプリートを使用しています。
すばらしいですが、同じページに複数のオートコンプリートボックスがあり、結果をフォーマットするための複数のモンキーパッチソリューションがあります(現在、元のrenderItemのみを上書きして、ページごとに1つの結果フォーマットを許可できます)。
この問題を解決する方法は、オートコンプリートウィジェットの(私が見つけることができるように)未解決の大きな謎の1つです。オートコンプリート要素のIDを参照できる場合は、モンキーパッチにifステートメントを追加して、複数のインスタンスを作成できると考えていました。実演させてください:
結果をフォーマットするためのモンキーパッチは次のとおりです。
同じページで指定する場合は、次のように言います。
$( "#input1")。autocomplete();
$( "#input2")。autocomplete();
私は別々の機能を実現しようとしていて、_RenderMenuを使用することを考えていました。
次のように変更します。
これにより、複数の構成を構成してオートコンプリートの結果をフォーマットできるようになりますか?
たとえば、_renderMenu内にリストされているx個のカスタム_renderItem関数を構成します。
だから私の質問は、_renderMenu関数内のチェーンの最上位にあるクラスまたはID(コードでは$$$$ CLASS-OR-ID $$$$)をどのように参照できるかということです。
これが理にかなっていることを願っています、あなたの助けに感謝します!
javascript - 隠しIDフィールドを使用したjQueryUIオートコンプリート
現在、テキスト入力の直前に非表示フィールドがあるHTMLフォームがあります。簡略化されたバージョンは以下のとおりです。
テキスト入力は、jQueryUIオートコンプリートで装飾されています。
上記のスクリプトは、ユーザーが情報をコピーして貼り付ける場合を除いて、完全に機能します。ほとんどのユーザーは、AJAXアカウントの検索が完了する前に、コピーして貼り付け、[送信]をクリックします。ユーザーは、スクリプトがドロップダウンから結果を選択する必要があることを知りません。そうしないと、非表示のフィールドにデータが入力されません。ただし、ほとんどのユーザーはせっかちで、最小限のクリックで物事をやりたいと思っています。
結果が1つあるペーストをインターセプトするにはどうすればよいですか?ユーザーが送信ボタンをクリックする前にこれを行うにはどうすればよいですか?
javascript - Jquery UI オートコンプリート カスタム HTML (項目は未定義)
jQuery UI オートコンプリートでカスタム HTML を出力しようとして、机から頭をぶつけてきました。これが私のコードです。
renderItem 関数でリストをネストすることで問題が発生しているようです。HTML出力はまさに私が望むものです。ただし、「キーダウン」すると、javascript エラーが発生します (アイテムは未定義です)。
アイデアや提案はありますか?私はほぼすべてを試しました。
jquery - jQuery オートコンプリートの一致基準を設定しますか?
jQuery UI オートコンプリートを使用してページを作成しました。
ユーザーは、オートコンプリートを使用して、場所のリストから場所を選択することを意図しています。この改善の前は、ユーザーは長いリストから場所を選択する必要がありましたが、これは 1 つの問題を除けばはるかに優れていました。
場所は次のようにフォーマットされます。
"カナダ"
「カナダ -> アルバータ」
「カナダ→ブリティッシュコロンビア」
"アメリカ"
「アメリカ合衆国 -> アラバマ」
「アメリカ合衆国 -> アラスカ」
等々。そこで、「カナダ」、「米国 -> カリフォルニア」、「メキシコ -> カンペチェ」のような「CA」で始まる国と州のリストを期待して「CA」と入力して、このアプリケーションをテストしました。
しかし、残念なことに、「CA」は「Canada」の「CA」と一致するため、カナダのすべての州が 1 つずつリストされています。現在、20 近くの選択肢から選択できます。
ユーザーは州を検索するときに国名と州名を含む階層を表示する必要がありますが、国としての「カナダ」は単一の場所として単一の一致である必要があります。
「->」の右側のテキストのみが一致するように非常に多くの単語で指定できるように、jQuery オートコンプリートを設定するにはどうすればよいですか?
現在、私の Javascript コードには、var locations = "[{'label':'Canada','value','Canada'},{'label':'Canada -> Alberta', 'value':' があります。アルバータ'}...]。
これを非同期で機能させたくありません。あまりにも多くの Web サービス呼び出しが発生するのではないかと心配しています。