Question

我使用tetranz/select2entity-bundle使用Symfony2来表达Select2

所以我的表格就像那样：

 $builder->add('nom', Select2EntityType::class, [

        'remote_route' => 'find_tags',
        'class' => 'Emploi\AppBundle\Entity\Tags',
        'primary_key' => 'id',
        'text_property' => 'name',
        'minimum_input_length' => 2,
        'page_limit' => 10,
        'allow_clear' => true,
        'delay' => 250,
        'language' => 'fr',
        'placeholder' => 'Select a tag',

    ])

我的路线：

find_tags:
    path:     /find_tags
    defaults: { _controller: EmploiAppBundle:Tags:findTags }

所以现在我需要在我用过的keyup上搜索标签树枝：

{{ form_start(form) }}
{{ form_widget(form.nom, {'attr': {'id': 'tagsID'}}) }}
{{ form_widget(form.score) }}
<input type="submit" value="Create"/>
{{ form_end(form) }}

我在TagsController中的功能因为select2entity-bundle需要一个带有两个属性的JSON响应＆＃39; id＆＃39;和＆＃39;文字＆＃39;：

public function findTagsAction(Request $request)
{
    $data = $request->get('input');
    $em = $this->getDoctrine()->getManager();
    $query = $em->createQuery(''
        . 'SELECT c.id, c.name '
        . 'FROM EmploiAppBundle:Tags c '
        . 'WHERE c.name LIKE :data '
        . 'ORDER BY c.name ASC'
    )
        ->setParameter('data', '%' . $data . '%');
    $tags = $query->getResult();

    $arrayCollection = array();

    foreach($tags as $item) {
        $arrayCollection[] = array(
            'id' => $item['id'],
            'text' => $item['name']
        );
    }
    return new JsonResponse($arrayCollection);
}

为了发送输入值，我使用了这个ajax代码：

$(document).ready(function(){
    $("#tagsID").on('keyup', function() { 
        var input = $(this).val(); 
        if ( input.length >= 2 ) {

        var data = {input: input};

        $.ajax({
            type: "POST",
            url: "{{ path('find_tags') }}",
            data: data, 
            dataType: 'json',
            timeout: 3000,
            success: function(response){
            },

        });
    }
});
});

现在问题是findTagsAction（）总是返回所有标签并且没有检测到输入值。

Answer 1

 function goToUrl(id_to_send) {
      var path="{{ path('players_team', { 'id':"PLACEHOLDER"  }) }}";
        var url =  path.replace("PLACEHOLDER", id_to_send);
     $.ajax({url: url, success: function(result){
    $("#players").replaceWith(result);
}});

}

你只需要在onKeyUp方法中调用这个mehode，在我的情况下我检索结果并用$（“＃players”）替换它。

Answer 2

解决方案非常简单，select2entity-bundle自动为form_widget分配一个id，这就是为什么javaScript找不到id =＆＃34; tagsID＆＃34;所以我们需要删除这个

{'attr': {'id': 'tagsID'}}

从这一行：

{{ form_widget(form.nom, {'attr': {'id': 'tagsID'}}) }}

但是在树枝上向form_widget添加CSS id的正确方法是：

{{ form_widget(form.nom, { 'id' : 'tagsID' }) }}

无论如何，当我查看在文本字段上输入时发送的AJAX请求时，我发现了这个GET方法：

http://127.0.0.1:8000/find_tags?page_limit=10&q=xxx

所以现在我们需要改变我们的控制器：

$data = $request->get('input');

由此：

$data = $request->get('q');

PS：删除之前编写的所有JavaScript

如何将onkeyup输入发送到symfony控制器

2 个答案: