私はhttp://test2.rettest.com/slp_website/OctoberCMSオートコンプリート機能の統合
Everthingは、今のように正常に動作し、事は今私がで私のウェブサイトでオートコンプリート機能を実装したいされて、それのデモのリンクをOctoberCMSを使用してウェブサイトを作成し、ここにありきこのウェブサイトのようなものはhttps://www.domain.com.au/です。
あなたはNSW、VICなどを入力した場合、あなたはそこにオートコンプリートボックスを見ることができます。私はの販売サイトで私のウェブサイトで同様の種類の機能を実装したいと思います。今のよう
は、このセクションのために、私はhomepage_video_banner.htmと呼ば部分を作成し、このセクションのために、私はコードの下に入れています。
homepage_video_banner.htm(部分)
<form method="post" action="/search/allsale" id="search_form" >
<p class="property-heading">Search properties for sale</p>
<div class="input-group">
<input class="form-control"
aria-describedby="basic-addon2"
placeholder="Search Properties by address, state, suburb"
name="q"
id="q"
data-request=""
data-request-success="console.log(data)"
data-track-input="true"
autocomplete="off"
value="{{ search_value.q }}"
type="text">
<span class="input-group-addon" id="basic-addon2" onclick="$('#search_form').submit()"><i class="fa fa-search visible-xs"></i><span class="hidden-xs searh-btn" >Search</span></span> </div>
</form>
これが今のように正常に動作し、私が入力し、リダイレクト後に私のデータを検索することができ、私は、入力ボックスに入力した自分の記録を見ることができことができます。
ここではオートコンプリートを実装するだけです。
この機能を実装するには、以下のリンクを試してみました。
- https://octobercms.com/forum/post/autocomplete-search-form-using-octobercms-ajax-framework
- https://octobercms.com/docs/ajax/attributes-api
- https://octobercms.com/forum/post/creating-autocomplete
しかし、これらのリンクは、私がこちらにお願いしていたので、応答と解決策を欠いています。
これを達成するための理想的な方法を教えてもらえますか?
おかげで