django - 使用 Django 和 x-editable 将更改保存到数据库

Question

我是 JS、HTML、Django 和所有相关内容的新手，我无法通过阅读文档或使用 Google 自行解决我的问题。

我想在 django 环境中使用 x-editable 将内联更改保存到数据库中。下面的模板工作得很好，但现在我想用新名称覆盖数据库条目。

我试图将代码减少到我的问题的相关部分。

模型.py:

class MyClass(models.Model):
      name = models.CharField(max_length=120)

View .py:

def list(request):
    return render(request, 'list.html', {'list':MyClass.objects.all()}

网址.py:

url(r'^list/$', 'myapp.views.list', name='list'),

列表.html:

{% extends "base.html" %}
{% block content %}
<script>
    $(document).ready(function() {
        $.fn.editable.defaults.mode = 'inline';   
        $('.name').editable({

        });
    });
</script>

<h1>Names</h1>
   <div>
        <table border='1'>
            {% for l in list %}
            <tr><td><a class="name">{{ l.name }}</a></td></tr>
            {% endfor %}
        </table>
    </div>

{% endblock %}

-------------------------------------------------- ------

我最有前途的方法是创建一个更新 View 。

def list_update(request, pk):
    l = get_object_or_404(MyClass, pk=pk)
    form = ListForm(request.POST or None, instance=l)
    if form.is_valid():
        form.save()
        return redirect('list')
    return render(request, '', {'form':form})

并将以下几行添加到上面的代码中:

urls.py
    url(r'^update/(?P<pk>\d+)$', 'myapp.views.list_update', name='list_update'),


list.html
    $('.name').editable({
        pk: l.pk,
        url: '{% url 'list_update' l.pk%}',
    });

但是这种尝试会导致 NoReverseMatch 错误并且 l.pk 似乎是空的。我感谢有关如何以正确的方式执行此操作的任何帮助。

Answer 1

网址.py:

    url(r'^xed_post$', views.xed_post, name='xed_post'),

views.py 中的 Django View 代码(基于函数):

from django.http import JsonResponse

def xed_post(request):
    """
    X-Editable: handle post request to change the value of an attribute of an object

    request.POST['model']: name of Django model of which an object will be changed
    request.POST['pk']: pk of object to be changed
    request.POST['name']: name of the field to be set
    request.POST['value']: new value to be set
    """
    try:
        if not 'name' in request.POST or not 'pk' in request.POST or not 'value' in request.POST:
           _data = {'success': False, 'error_msg': 'Error, missing POST parameter'}
          return JsonResponse(_data)

        _model = apps.get_model('swingit', request.POST['model'])  # Grab the Django model
        _obj = _model.objects.filter(pk=request.POST['pk']).first()  # Get the object to be changed
        setattr(_obj, request.POST['name'], request.POST['value'])  # Actually change the attribute to the new value
        _obj.save()  # And save to DB

        _data = {'success': True}
        return JsonResponse(_data)

    # Catch issues like object does not exist (wrong pk) or other
    except Exception as e:
        _data = {'success': False,
                'error_msg': f'Exception: {e}'}
        return JsonResponse(_data)

然后，在 list.html 中:

{% extends "base.html" %}
{% block content %}
<script>
    $(document).ready(function() {
        $.fn.editable.defaults.mode = 'inline';   
        $('.name').editable({
            params: {
                csrfmiddlewaretoken:'{{csrf_token}}',
                model:'MyClass'
            },
            url: '/xed_post',
            error: function(response, newValue) {
                return response.responseText;
            },
            success: function(response, newValue) {
                if(!response.success) return response.error_msg;
            }
        });
    });
</script>

<h1>Names</h1>
   <div>
        <table border='1'>
            {% for l in list %}
            <tr><td><a class="name" data-name="name" data-type="text" data-pk="{{ l.pk }}">{{ l.name }}</a></td></tr>
            {% endfor %}
        </table>
    </div>

{% endblock %}

请注意，对 css 类和 Django 字段名称使用“名称”会造成混淆。 data-name="name"指的是 Django 字段名，而 class="name"指的是 css 类。