如何读/用ajax写在Django的管理表格内联输入字段?内联、字段、写在、管理表格

2023-09-10 14:04:34 作者:偏执旳温柔

我在寻找各种方法来动态更新使用Ajax内联项目。即当用户从下拉列表框中的项目,相关的输入字段,可以填充数据。

在views.py一部分阿贾克斯应该直截了当。但对我来说有一个问题是如何得到的下拉框的JS,它可以在飞行中添加的名称。

下面是models.py和admin.py:

models.py

 类T恤:
    设计师= CharField()
    default_wording = CharField()

Order类:
    日期=的DateField()

类Order_item:
    为了= ForeignKey的(订单,related_name =秩序)
    T恤= ForeignKey的(T恤)
    措辞= CharField()
 

admin.py

 类Order_Inline(TabularInline):
    模型= Order_item
    fk_name =秩序

类Order_Admin(的ModelAdmin):
    内联= [Order_Inline,]
 

解决方案

urls.py

 从django.conf导入设置


urlpatterns的=型态('',
    (R'^ JSON / T恤/ $',json_order)
    (R'^ site_media /(P<路径> *)$?','django.views.static.serve',{'DOCUMENT_ROOT':settings.MEDIA_ROOT}),
    ...
)
 
ajax python django的跨域问题

views.py

 从django.core进口串行


高清json_order(要求):
    搜索= request.GET.get('tshirt_id)
    如果搜索:
        结果= Tshirt.objects.filter(ID =搜索)
        返回的Htt presponse(serializers.serialize(JSON,因此,田=('default_wording')),MIMETYPE =应用/ JSON)
    返回的Htt presponse()
 

admin.py

 类Order_Inline(TabularInline):
    模型= Order_item
    fk_name =秩序


类Order_Admin(的ModelAdmin):
    内联= [Order_Inline,]
    类媒体:
        JS =('/media/js/jquery.js','/site_media/js/tshirt.js',)
 

_settings.MEDIA_ROOT_ / JS / tshirt.js

  $(文件)。就绪(函数(){
    $(模块)的委托([ID $ =  -  T恤],改变,函数(){
        VAR行= $(本).attr(ID)分裂('id_order_item  - ')[1] .split( -  T恤)[0];
        VAR tshirt_id = $(本).VAL();
        VAR数据= {tshirt_id:tshirt_id};
        $ .getJSON(/ JSON / T恤,数据,功能(数据){
            VAR DW =数据[0] [田] [default_wording];
            $(输入[ID ='id_item  - +行+ - 字眼'])VAL(DW)。
        });
    });
});
 

I am looking for ways to dynamically update the inline entries using ajax. i.e. as the user selects an item from the dropdown box, the associated input fields can be populated with data.

The views.py part for ajax should be straightforward. But one problem for me is how to get the names of dropdown boxes in js, which can be added on the fly.

Below are the models.py and admin.py:

models.py

class Tshirt:
    designer = CharField()
    default_wording = CharField()

class Order:
    date = DateField()

class Order_item:
    order = ForeignKey(Order, related_name='order')
    tshirt = ForeignKey(Tshirt)
    wording = CharField()

admin.py

class Order_Inline(TabularInline):
    model = Order_item
    fk_name = 'order'

class Order_Admin(ModelAdmin):
    inlines = [Order_Inline,]

解决方案

urls.py

from django.conf import settings


urlpatterns = patterns('',
    (r'^json/tshirt/$', json_order),
    (r'^site_media/(?P<path>.*)$', 'django.views.static.serve', {'document_root': settings.MEDIA_ROOT}),
    ...
)

views.py

from django.core import serializers


def json_order(request):
    search = request.GET.get('tshirt_id')
    if search:
        result = Tshirt.objects.filter(id=search)
        return HttpResponse(serializers.serialize('json', result, fields=('default_wording')), mimetype='application/json')
    return HttpResponse()

admin.py

class Order_Inline(TabularInline):
    model = Order_item
    fk_name = 'order'


class Order_Admin(ModelAdmin):
    inlines = [Order_Inline,]
    class Media:
        js = ('/media/js/jquery.js', '/site_media/js/tshirt.js',)

_settings.MEDIA_ROOT_/js/tshirt.js

$(document).ready(function() {
    $(".module").delegate("[id$=-tshirt]", "change", function() {
        var row = $(this).attr("id").split('id_order_item-')[1].split("-tshirt")[0];
        var tshirt_id = $(this).val();
        var data = {"tshirt_id":tshirt_id};
        $.getJSON("/json/tshirt", data, function(data) {
            var dw = data[0]["fields"]["default_wording"];
            $("input[id='id_item-"+row+"-wording']").val(dw);
        });
    });
});