Question

我已成功将自动完成灯设置到我的django项目中。我在表单上使用它，它按预期工作。我按照https://django-autocomplete-light.readthedocs.org/en/docs_rewrite/quick.html?highlight=quick

上的快速入门教程进行了操作

但是，我使用autocomplete_light.Choice小部件的表单字段的表单字段名称已更改。具体来说，在我预期的输入表格标签名称的末尾附加了“-autocomplete”。

这是我的表格：

class SearchForm(forms.Form):
    #flight_from = forms.CharField(max_length=200, required=False, widget=forms.TextInput)
    flight_from = forms.ModelChoiceField(Airport.objects.all(),
        widget=autocomplete_light.ChoiceWidget('AirportAutocomplete'))
    flight_to = forms.CharField(max_length=200, required=False, widget=forms.TextInput)
    start_date = forms.DateField(required=False, input_formats='%Y-%m-%d')
    end_date = forms.DateField(required=False, input_formats='%Y-%m-%d')
    max_price = forms.FloatField(required=False, widget=forms.TextInput)

这是我的autocomplete_light_registry.py文件：

import autocomplete_light

from models import Airport

class AirportAutocomplete(autocomplete_light.AutocompleteModelBase):
    search_fields = ['name_city_country_code']

autocomplete_light.register(Airport, AirportAutocomplete)

这是表单字段在呈现后的样子：

<label for="id_flight_from">Flight from:</label>
<span id="id_flight_from-wrapper" class="autocomplete-light-widget flight_from single" data-autocomplete-name="flight_from" data-autocomplete-placeholder="Other model name ?" data-autocomplete-choice-selector="[data-value]" data-autocomplete-url="/autocomplete/AirportAutocomplete/" data-name="flight_from" data-bootstrap="normal" data-max-values="1" data-widget-ready="1">
<span id="id_flight_from-deck" class="deck div"> </span>
<input id="id_flight_from_text" class=" autocomplete" type="text" value="" name="flight_from-autocomplete" autocomplete="off" placeholder="Other model name ?">
<select id="id_flight_from" class="value-select" multiple="multiple" name="flight_from" style="display:none"> </select>
<span class="remove div" style="display:none"> X </span>
<span class="choice-template div" style="display:none">
</span>
<div style="clear: both"></div>

如您所见，输入标签名称为“flight_from-autocomplete”，我希望它只是“flight_from”。我尝试在autocomplete_light_registry.py文件中指定autocomplete_js_attributes和widget_attributes，如下所示：

autocomplete_js_attributes={'name': 'flight_from'}

和

widget_js_attributes = {'name': 'flight_from'}

但是没有查找输入标记名称属性。如果您知道如何设置此属性或覆盖窗口小部件呈现功能，请告诉我。

Answer 1

如您所见，输入标签名称为“flight_from-autocomplete”，我希望它只是“flight_from”。

这不起作用，因为：

隐藏的<select>名称为flight_from，它将模型pk作为值，
<input>仅用于自动填充目的，其值不应发送到Form对象，因此其名称中包含-autocomplete后缀。

您说您尝试更改自动填充输入的name属性，但您并不是说为什么您甚至试图这样做。所以我无能为力。

Django Autocomplete Light Widget更改表单字段名称

1 个答案: