Php 如何使用AbstractType表单在symfony中创建自动完成的文本字段?
我正在尝试用AbstractType表单在symfony中创建一个自动完成的文本字段,它从数据库中获取数据,我希望它能对我输入的任何内容提供建议,我已经尝试了几个第三方插件,但它不起作用,可能是我错过了一些安装过程。 下面是我在git中使用的插件 在完成安装步骤后,它将为我提供纯文本字段。 有没有其他方法可以创建自动完成的文本框, 这是我的FormType代码Php 如何使用AbstractType表单在symfony中创建自动完成的文本字段?,php,git,symfony,doctrine-orm,autocomplete,Php,Git,Symfony,Doctrine Orm,Autocomplete,我正在尝试用AbstractType表单在symfony中创建一个自动完成的文本字段,它从数据库中获取数据,我希望它能对我输入的任何内容提供建议,我已经尝试了几个第三方插件,但它不起作用,可能是我错过了一些安装过程。 下面是我在git中使用的插件 在完成安装步骤后,它将为我提供纯文本字段。 有没有其他方法可以创建自动完成的文本框, 这是我的FormType代码 $builder->add('autoText', 'autocomplete', array( 'class' =&
$builder->add('autoText', 'autocomplete', array(
'class' => 'MyBundle:Demo',
));
myhtml.twig模板:
<div class="col-md-10">
[{% for auto in results -%}
{{ {id: auto.id, label: auto.name, value: auto.name}|json_encode|raw }}
{%- if not loop.last %},{% endif -%}
{%- endfor %}]
</div>
<!-- js -->
{% javascripts
'js/jquery.js'
'js/jquery-ui.js'
'@PUGXAutocompleterBundle/Resources/public/js/autocompleter-jqueryui.js'
%}
{% endjavascripts %}
{% javascripts %}
<script type="text/javascript">
$('#autoText').autocompleter({url_list: '/auto_search', url_get: '/auto_get/'});
</script>
{% endjavascripts %}
route.yml
auto_search:
path: /auto_search/
defaults: { _controller:MyBundle:Demo:searchAuto }
auto_get:
path: /auto_get/
defaults: { _controller:MyBundle:Demo:getAuto }
阅读本文,并添加如下js库:
{% javascripts
'js/jquery.js'
'js/jquery-ui.js'
'@PUGXAutocompleterBundle/Resources/public/js/autocompleter-jqueryui.js'
%}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{%javascripts
'js/jquery.js'
'js/jqueryui.js'
“@pugxautompleterbundle/Resources/public/js/autocompleter jqueryui.js”
%}
{%endjavascripts%}
阅读本文,并添加如下js库:
{% javascripts
'js/jquery.js'
'js/jquery-ui.js'
'@PUGXAutocompleterBundle/Resources/public/js/autocompleter-jqueryui.js'
%}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
{%javascripts
'js/jquery.js'
'js/jqueryui.js'
“@pugxautompleterbundle/Resources/public/js/autocompleter jqueryui.js”
%}
{%endjavascripts%}
您是否已从页面源代码检查所创建的表单输入id是否与您在javascript中使用的表单输入id匹配?也就是说,id实际上是“自动图文集”…是的,我已经从我的页面源中检查了它,id是相同的,我还尝试了“{form_row(form.autoText)}}}”在html上呈现,两者的结果是相同的condition@TusharPurohit你收到了什么结果?浏览器控制台上显示的是什么?您的auto_get route是否应与此处可见的功能定义匹配?auto_get正在使用getAutoAction,而您已定义getFormulaAction。。。如果控制台没有显示任何内容,那么网络活动如何?在文本字段中键入内容时,您是否可以看到是否有任何jquery调用?您是否从页面源代码中检查了创建的表单输入id是否与您在javascript中使用的表单输入id匹配?也就是说,id实际上是“自动图文集”…是的,我已经从我的页面源中检查了它,id是相同的,我还尝试了“{form_row(form.autoText)}}}”在html上呈现,两者的结果是相同的condition@TusharPurohit你收到了什么结果?浏览器控制台上显示的是什么?您的auto_get route是否应与此处可见的功能定义匹配?auto_get正在使用getAutoAction,而您已定义getFormulaAction。。。如果控制台没有显示任何内容,那么网络活动如何?在文本字段中键入内容时,您能看到是否有任何jquery调用吗?好的,我已经为jqury和jquery ui添加了assetic路径,但结果仍然相同。它只是一个文本字段。是的,我已经阅读了文档,并且根据那里给出的说明使用了所有资源。@TusharPurohit是否包括库?您能检查html源代码吗?@TusharPurohit如果一切正常,控制器操作也正常,但代码仍然不工作,可能是浏览器控制台上有一些错误?您可以发布表单生成的html代码吗?好的,我已经为jqury和jqueryui添加了assetic路径,但是结果仍然是一样的。它只是一个文本字段。是的,我已经阅读了文档,并且根据那里给出的说明使用了所有资源。@TusharPurohit是否包括库?您能检查html源代码吗?@TusharPurohit如果一切正常,控制器操作也正常,但代码仍然不工作,可能是浏览器控制台上有一些错误?你能发布表单生成的html代码吗?