Обновление Symfony 2.0 с помощью JS?

Question

Я работаю в Интернете в течение нескольких часов, но на удивление я не нашел темы по этому вопросу.

У меня есть следующие формы

class propertyType extends AbstractType 
{ 

    public function buildForm(FormBuilder $builder, array $options) 
    { 

     $builder 
      ->add('city') 
      ->add('district', 'entity', array('class'=>'FlatShanghaidefaultBundle:district', 
            'property'=>'name', 
            'query_builder' => function ($repository) { 
            $qb = $repository->createQueryBuilder('district'); 
            $qb->add('where', 'city = :city'); 
            $qb->setParameter('city', 1); 
            return $qb; 

    } 


    public function getName() 
    { 
     return 'property'; 
    } 
} 

Когда пользователь может выбрать город в форме, я хочу варианты района динамически обновляются и ограничиваются этим городом. С Ajax или JS? Какая была бы лучшая практика? Знаете ли вы учебник по этой теме? Если кто-то может поставить меня на правильные пути, это очень поможет.

Спасибо!

Answer 1

Строитель запросов не решит вашу проблему, вы можете удалить его полностью.

Этот запрос запускается, когда форма создается, как только вы ее используете в своем браузере, вам нужно использовать javascript для заполнения параметров.

У вас могут быть параметры, сохраненные в переменной javascript, или вытаскивать их с сервера по мере необходимости с помощью ajax (вам понадобится контроллер для обработки этих ajax-запросов).

Вы, вероятно, захотите использовать некоторые JQuery плагина для обработки логики каскадной между отборными элементами, есть пара доступна:

• Я использую это одно, но это, кажется, отсутствуют: http://devlicio.us/blogs/mike_nichols/archive/2008/05/25/jquery-cascade-cascading-values-from-forms.aspx

• И это один, который я никогда не использовал действительно: http://code.google.com/p/jquery-cascade/

существует также по крайней мере, это Bundle Я знаю: https://github.com/genemu/GenemuFormBundle, который имеет типы полей ajax, доступные для нескольких плагинов jquery. Это может спасти вас, написав часть ajax для обработки данных, поскольку она встроена (вероятно, проще реализовать контроллер самостоятельно). Я не пробовал это, и я не знаю, имеет ли он каскадную поддержку.

Answer 2

Jbm прав относительно строителя запросов. И его подход является совершенным.

Другой вариант может заключаться в том, чтобы отказаться от выбора каскада в пользу поля автозаполнения.

Предполагая, что вы сохраняете страны, города и районы, как субъекты и имеете отношение между ними, вам даже не нужно, чтобы сохранить то, что город/была выбрана страна, потому что вы можете просто позвонить:

$district->getCity()->getCountry(); 

Я применил аналогичную вещь для выбора страны/города и свяжусь здесь с основными вовлеченными файлами.

Во-первых, создать пользовательский тип формы, чтобы инкапсулировать все формы вещей, она содержит скрытое поле для сохранения выбранного идентификатора и текстовое поле, чтобы служить в качестве входных данных для логической функции автозаполнения:

https://github.com/roomthirteen/Room13GeoBundle/blob/master/Form/LocationFieldType.php

Тогда тема тип формы:

https://github.com/roomthirteen/Room13GeoBundle/blob/master/Resources/views/Form/fields.html.twig

URL-адрес источника автозаполнения передается как атрибут данных, так что никаких JS не будет smutching HTML-код.

И последнее, но не в последнюю очередь, функции JS должны быть реализованы:

https://github.com/roomthirteen/Room13GeoBundle/blob/master/Resources/public/jquery.ui.location-autocomplete.js

Результат можно увидеть на изображении ниже, видно, что для ясности название страны будет отображаться в фигурных скобках позади название города:

-

Я предпочитаю это так что использование каскада выбирает, потому что фактическое значение может быть выбрано за один шаг.

веселит

Answer 3

Я делаю это сам по форме. Я изменяю поле (продукт), и единицы измерения, которые могут быть измерены, обновляются. Я использую макрос с параметрами, чтобы легче его адаптировать.

Макрос:

{% macro javascript_filter_unit(event, selector) %} 
<script> 
    $(function(){ 
     $('#usersection') 
       .on('{{ event }}', '{{ selector }}', function(e){ 
        e.preventDefault(); 
        if (!$(this).val()) return; 
        $.ajax({ 
         $parent: $(this).closest('.child_collection'), 
         url: $(this).attr('data-url'), 
         type: "get", 
         dataType: "json", 
         data: {'id' : $(this).val(), 'repo': $(this).attr('data-repo'), parameter: $(this).attr('data-parameter')}, 
         success: function (result) { 
          if (result['success']) 
          { 
           var units = result['units']; 
           this.$parent.find('.unit').eq(0).html(units); 
          } 
         } 
        }); 
       }) 
    }); 

</script> 

{% endmacro %} 

Аякса возвращает массив: массив ('успех' => $ значение, 'единицы' => $ HTML). Вы используете код $ html и помещаете его вместо выбора, который хотите изменить. Конечно, код javascript для вызова ajax необходимо изменить, чтобы соответствовать вашим полям.

Вы вызываете макрокоманду, как вы обычно делаете:

{% import ':Model/Macros:_macros.html.twig' as macros %} 
{{ macros.javascript_filter_unit('change', '.unitTrigger') }} 

Так у меня есть два аргумента: событие, часто изменение отборных. и селектор, тот, чье изменение вызывает вызов ajax.

Я надеюсь, что это поможет.