Как получить отмеченные элементы (с jquery) в представлении django? - PullRequest
Новая
       5

Как получить отмеченные элементы (с jquery) в представлении django?

0 голосов
/ 25 февраля 2020

Здесь у меня есть список отмеченных пунктов в разделе <ul id ='user-list'> с помощью jquery. Однако я не могу получить эти отмеченные элементы в моем представлении django.

template 

<ul class="approval approval_scrolltab mt-3" id="search_users_results">
  {% include 'user_groups/ajax_user_search_results.html' %}
</ul>

  <div class="col-xl-6 col-lg-6 col-md-6 offset-xl-1">
   <ul id="user-list" class="approval approval_scrolltab mt-3">
    # here I have the checked items from jquery
   </ul>
  </div>

ajax_user_search_results 

{% for user in users %}
 <div class="form-group">
        <div class="checkbox">
          <input data-name="{{user.first_name}"
                 class="checkbox1" name="users" type="checkbox" value="{{user.pk}}"
                       id="search-user{{user.pk}}"/>
                <label for="search-user{{user.pk}}"></label>
        </div>
      </div>

views.py 

def create_user_group(request):
    users = get_user_model().objects.filter(is_active=True)[:10]
    form = CreateUserGroupForm()
    if request.method == 'POST':
        form = CreateUserGroupForm(request.POST)
        if form.is_valid():
            group = form.save()
            users = form.cleaned_data.get('users')
            for user in users:
                user.groups.add(group)
                ....

Скрипт для отображения проверенных пользователей 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>
  $('input[class="checkbox1"]').on('change', function() {
  var image_url = $(this).closest( '.approval--member' ).find( 'img' ).attr('src');
  var name = $(this).closest( '.approval--member' ).find( '.approval--name ~ p' ).text();

  if($(this).prop('checked')) {

    $('ul#user-list').append(
    '<li id="' + name + '">' +
      '<div class="approval--member">' +
        '<img src="' + image_url + '" class="user--image" />' +
        '<div class="w-100">' +
          '<h6 class="approval--name"></h6>' +
          '<p>' + name + '</p>' +
        '</div>' +
        '<span class="ic-close"></span>' +
      '</div>' +
    '</li>');

  } else {
    $('ul#user-list #' + name).remove();
  }

Как я могу получить ul#user-list элементов в моем django виде?

...