2017-06-28 1 views
1

私はhttp://test2.rettest.com/slp_website/OctoberCMSオートコンプリート機能の統合

Everthingは、今のように正常に動作し、事は今私がで私のウェブサイトでオートコンプリート機能を実装したいされて、それのデモのリンクをOctoberCMSを使用してウェブサイトを作成し、ここにありきこのウェブサイトのようなものはhttps://www.domain.com.au/です。

あなたはNSWVICなどを入力した場合、あなたはそこにオートコンプリートボックスを見ることができます。私はの販売サイトで私のウェブサイトで同様の種類の機能を実装したいと思います。今のよう

は、このセクションのために、私は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> 

これが今のように正常に動作し、私が入力し、リダイレクト後に私のデータを検索することができ、私は、入力ボックスに入力した自分の記録を見ることができことができます。

ここではオートコンプリートを実装するだけです。

この機能を実装するには、以下のリンクを試してみました。

しかし、これらのリンクは、私がこちらにお願いしていたので、応答と解決策を欠いています。

これを達成するための理想的な方法を教えてもらえますか?

おかげで

答えて

1

OK、みんな、

私は確信してOctoberCMSないですが、これを達成するために、専用のドキュメントを持っている、しかし、私は同じことを達成するためにオートコンプリートのいずれかのjQueryライブラリを使用するように柔軟であることが判明しましたしたがって私はこれを達成するためにSelectizeライブラリを使用しました。

これが役に立ちます。

関連する問題