OctoberCMS自动填充功能集成

时间:2017-06-28 05:42:15

标签: php octobercms

我使用OctoberCMS创建了网站,这里是http://test2.rettest.com/slp_website/

的演示链接

现在,Everthing工作得很好,现在我想在我的网站搜索待售物品中实施自动填充功能这样的网站有{{3 }。

如果您输入 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>

现在工作正常,我可以键入并能够在重定向后搜索我的数据,并能够查看我输入框中输入的记录。

唯一需要的是在这里实现 autocomplete

我已经完成并尝试使用以下链接来实现此功能。

但是这些链接缺乏响应和解决方案,因此我不得不在这里问一下。

你能指导我一个理想的方法吗?

谢谢

1 个答案:

答案 0 :(得分:1)

好的伙计们,

我不确定OctoberCMS是否有任何专门的文档来实现这一点,但我发现使用任何jquery自动完成库来实现相同的功能是灵活的,因此我使用了Selectize库来实现实现这一目标。

希望这会有所帮助。