Web開発では、BaiduやGoogleなどの検索機能に遭遇したに違いありません。では、スマートフォームで自動完成で何ができるでしょうか?以下に明らかにしましょう:
1. Google、Baiduなどの簡単な検索が含まれています。
2。製品番号の入力などの複雑な構造のサポートは、製品番号、製品名、製品単価、製品メモなどについて、会議フォームの特定のポジションを埋める必要があります。
コードは次のとおりです(ページアドレス:https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-autocomplete.html):
自動完成
注:jsファイルを紹介する必要があります:jquery-ui.js、jquery.fn.extend.js
フォーム生成が完了したら、要素を指定してSmartSearchメソッドに電話してください
パラメーター説明:
URL:要求されたURL
beforesearch:オプション、リクエストを送信する前に呼び出される方法。このメソッドには、送信されるデータを含むパラメーターデータがあります。送信するパラメーターを追加または変更する必要がある場合は、パラメーターを再度変更できます。
FormatiTem:オプション。返されたものが単純な配列文字列ではない場合は、操作をカスタマイズして、インターフェイスに表示されるコンテンツをフォーマットする必要があります。この例では、製品番号 +製品名が表示されます。
コールバック:オプション。返された配列文字列が単純な配列文字列ではない場合は、操作をカスタマイズし、それを使用して値を割り当てる必要があります
注:インターフェイスが単純な文字列アレイを返す場合、フォーマイトとコールバックを省略できます。
これが私のローカルテストプロジェクトで実行されるスクリーンショットです。
上記は、編集者によって導入されたブートストラップスマートフォーム実用シリーズ(10)自動コンポーネントサポートの完全な説明です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!