Понимание функциональности кода Django / REST / JS - PullRequest
0 голосов
/ 05 июня 2019

У меня на сайте есть следующий код:

<tr onclick="editUsers(29)" data-id="29">

editUsers:

function editUsers(id) {
  loadUsers(false, id, showUsers, true);
}

loadUsers:

  function loadUsers(insert, id, func_call, html_form) {
  var data = insert ? {insert: true} : {}
  if (html_form)
    data.html_form = true;
    $.ajax({
             type: 'GET',
             url:  '/rest/user/' + id + '/',
             data: data
           })
      .done(function (data) {
        func_call(data, insert, id);
      })
      .fail(function () {
      });
}

Когда я нажимаю на строку,он должен открыть интерфейс для редактирования выбранной строки / пользователя, но ничего не происходит.Я получаю ответ в консоли, который выглядит так, как будто он должен работать, но это не так.Может кто-нибудь объяснить, почему это не работает?Ответ на вопрос: "GET /rest/user/29/?html_form=true HTTP/1.1" 200 3170

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

function addUsers() {
  loadUsers(true, 0, showUsers, true);
}
<div class="btn btn-primary pull-right" onclick="addUsers()">Add User</div>

Выше не работает, редактирование пользователя не

РЕДАКТИРОВАТЬ: функция showUsers

function showUsers(data, insert, id) {
  var form = $(data),
      $a= form.find('select[name="a"]'),
      $b= form.find('select[name="b"]');
  $a.on("change", function (e) { $b.val($a.val()).trigger('change'); });
  var p    = {
    type:     BootstrapDialog.TYPE_PRIMARY,
    title:    '{% trans "Add User" %}',
    message:  form,
    closable: true,
    cssClass: 'usersDialog',
    buttons:  [
      {
        label:  gettext('Cancel'),
        hotkey: 27,
        action: function (dlg) { dlg.close(); }
      },
      {
        label:    gettext('Save'),
        cssClass: 'btn-primary',
        action:   function (dlg) {
          var data       = form.find('#users-form').serializeForm();
          dlg.close();

          var storeData = function storeData(data) {
            data.html_form = true;
            $.ajax({
                     type:     data.id == '' ? 'POST' : 'PUT',
                     url:      '/rest/user/' + (data.id == '' ? '' : data.id + '/'),
                     data:     data,
                     dataType: 'json',
                     headers:  {'X-CSRFToken': '{{ csrf_token }}'}
                   })
              .done(function (res) {
                //self.updDeviceFields(res);
                if (conflictDialogs.length > 0)
                  storeData(conflictDialogs.pop());
                else
                  location.reload();
                //$.dreamAlert({type: 'success', message: gettext('Changes saved'), position: 'right'});
              }).fail(function (jqXHR, textStatus, errorThrown) {
              console.log([jqXHR.status, jqXHR, textStatus, errorThrown]);
              if (jqXHR.status == 400) {
                p.message = $(jqXHR.responseText);
                form      = p.message;
                currentForm = form;
                currentDialog = BootstrapDialog.show(p);
              }
              else if (jqXHR.status == 500) {
                currentDialog = BootstrapDialog.show(p);
              }
              //$.dreamAlert({type: 'error', message: gettext('Error saving changes'), position: 'right'});
            });
          }
          storeData(data);
        }
      }
    ]
  }
  if (conflictDialogs.length > 0) {
    p.animate = false;
    p.cssClass += ' flip';
  }
  currentDialog = BootstrapDialog.show(p);
  currentForm = form;
}

1 Ответ

0 голосов
/ 04 июля 2019

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

При копировании кода с другой страницы я также копировал имя переменной. Мой HTML выглядел так:

<div class="row">
  <div class="col-xs-6">{% render_field foo_form.one bar_style %}</div>
  <div class="col-xs-6">{% render_field foo_form.two bar_style %}</div>
</div>

Когда это должно было выглядеть так:

<div class="row">
  <div class="col-xs-6">{% render_field foo_form.one foo_style %}</div>
  <div class="col-xs-6">{% render_field foo_form.two foo_style %}</div>
</div>

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

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