Автор: admin

Сегодня Django снова порадовала, мне требовалось отобразить список категорий с под категориями
не важно можно с ul-li.
мне надо было завернуть всё это в красивый селект, ну вот что-то вроде этого.

в хтмл это примерно вот так

<SELECT NAME=browser>
    <OPTGROUP LABEL="Firefox">
      <OPTION LABEL="2.0 or higher">
        Firefox 2.0 or higher
      </OPTION>
      <OPTION LABEL="1.5.x">Firefox 1.5.x</OPTION>
      <OPTION LABEL="1.0.x">Firefox 1.0.x</OPTION>
    </OPTGROUP>
</select>Code language: HTML, XML (xml)

Допустим у меня есть 2 вот таких модели в вакууме.
Одна: категория — Firefox (как в примере выше.)

class Category(models.Model):
    name = models.CharField(max_length=100)
    
    def __unicode__(self):
            return self.nameCode language: Python (python)

И вторая не посредственно список, где есть поле указывающее на связь с родителем

class SubCategory(models.Model):
    category_name = models.ForeignKey(Category)
    name = models.CharField(max_length=200)
    
    def __unicode__(self):
            return self.nameCode language: Python (python)

Едем дальше.
в PHP, я бы в цикле прорисовки категорий поставил бы ещё один цикл выбирающий всех детей для данной категории. (хаха — много запросов ну и ладно)

Но тут у нас всё интереснее, в притом намного.
Мы во views должны сформировать что-то и отправить в шаблон уже как-то почти готовое для отображения.

Хочется городить велосипед, но тут Документация Django какбэ подсказывает

что есть такая хреновая, которая мне поможет.

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

В итоге во views.py я делаю выборку того, что мне нужно.
Например вот так:

sub_category_list = SubCategory.objects.all()Code language: Python (python)

И всё вот это мы отправляем тихо мирно в шаблон.
А в шаблоне нас встретит уже магический regroup

Вот с такой конструкцией

{% regroup sub_category_list by category_name as categ_list %}
     <select id="id_sub">
     <option value="">-----</option>
  {% for ca in categ_list %}
      <optgroup label="{{ca.grouper}}">
             {% for item in ca.list %}
          <option value="{{ item.id }}"> {{ item.name }}</option>
             {% endfor %}
      </optgroup>
  {% endfor %}
     </select>Code language: Python (python)

Теперь по порядку.

{% regroup sub_category_list by category_name as categ_list %}Code language: Python (python)

Группируем sub_category_list по полю category_name и называем результат categ_list
Дальше создаём html элемент, тут я думаю всё понятно.

и начинаем разбирать то, что у нас в categ_list

{% for ca in categ_list %}Code language: Python (python)

Тут рассказывать ничего не надо, перебираем элементы по порядку

<optgroup label="{{ca.grouper}}">Code language: Python (python)

Тут мы выводим то почему мы группировали {{ca.grouper}}

{% for item in ca.list %}Code language: Python (python)

Вложенный цикл, обходим то, что внутри группы (тут нам помогает ca.list )

<option value="{{ item.id }}"> {{ item.name }}</option>Code language: Python (python)

Собственно выводим всю эту красоту в конечный элемент

             {% endfor %}
      </optgroup>
  {% endfor %}Code language: Python (python)

Вот и завершили все наши дела.
и получили нечто похожее на селект рутреккера тот, что в самом верху.

просто красиво и со вкусом.