我有一个问题，我正在使用 2 个库：Django 自动完成灯 and Django 动态表单集。
两人都非常擅长完成自己的工作。
第一个用于自动完成，第二个用于使 django 表单集动态化。but当你想加入这两个时，就会出现问题。问题的图像 https://i.stack.imgur.com/88HnB.png
当创建新字段时，它会以这种方式添加。
模板：
{% extends 'base/base.html' %}
{% load static %}
{% block titulo%} Registrar venta {%endblock%}
{% block contenido %}
<div class="col-md-12">
<form method="post">{% csrf_token %}
<div class="col-md-4 form-group">
<label class="font-weight-bold" for="{{form.cliente.name}}">{{form.cliente.label}}</label>
{{form.cliente}}
</div>
<h4 class="text-left">Detalle de venta: </h4>
<div class="table-responsive-sm">
<table class="table" id="tablaDetalle">
{{ detalleformset.management_form }}
<thead class="thead-dark">
<th>Producto</th>
<th width="100px">Cantidad</th>
<th width="115px">Prec.Unit.</th>
<th width="115px">Subtotal</th>
<th>Acción</th>
</thead>
<tbody>
{% for form in detalleformset.forms %}
<tr class="formset_row">
{% for field in form.visible_fields %}
<td>
{# Include the hidden fields in the form #}
{% if forloop.first %}
{% for hidden in form.hidden_fields %}
{{ hidden }}
{% endfor %}
{% endif %}
{{ field.errors.as_ul }}
{{ field }}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="row justify-content-md-end">
<div class="col-md-2">
<label class="font-weight-bold" for="{{form.total.name}}">{{form.total.label}}</label>
{{form.total}}
</div>
</div>
<div class="form-group">
<label class="font-weight-bold" for="{{form.descripcion.name}}">{{form.descripcion.label}}</label>
{{form.descripcion}}
</div>
<div class="col-md-4 offset-md-4">
<button class="btn btn-block btn-lg btn-primary" type="submit"><span><i class="fa fa-shopping-cart"></i>
</span>Registrar venta</button>
</div>
</form>
</div>
{% endblock %}
{% block javascript %}
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
{{ detalleformset.media }}
<script src="{% static 'js/jquery.formset.js' %}"></script>
<script type="text/javascript">
$('.formset_row').formset({
addText: 'Agregar Producto',
deleteText: 'remover',
prefix: 'detalleventa'
});
$("#tablaDetalle").on("focus keyup", "tr", function(){
var total = 0;
var row = $(this).closest("tr");
var cantidad = parseInt(row.find("input:eq(2)").val());
var precio = parseFloat(row.find("input:eq(3)").val());
var subtotal = cantidad * precio;
row.find("input:eq(4)").val(isNaN(subtotal) ? "" : subtotal.toFixed(2));
$(".subtotal").each(function () {
var stval = parseFloat($(this).val());
total += isNaN(stval) ? 0 : stval;
});
$('.delete-row').click(function(){
var $fila = $(this).parents('tr');
var valsub = parseFloat($fila.find('input:eq(4)').val());
new Promise(function(done){
total -= isNaN(valsub) ? 0 : valsub;
$('.total').val(total.toFixed(2));
done();
})
.then(function(){
$fila.find('input:eq(4)').val(0);
})
});
$('.total').val(total.toFixed(2));
});
</script>
{% endblock %}
有没有什么办法解决这一问题？我正在阅读，信息很少
我最近使用时遇到了同样的问题django-autocomplete-light和django-dynamic-formset插件在一起。我找到的解决方案是移动{{ detalleformset.media }}在初始化表单集之前，即在打开之前<form>标签。这为我解决了问题，并使得不再创建那些额外的不可点击的自动完成字段。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
