我正在尝试使用引导设置我的表单样式。我有一个django autocomplete light控件,它使用Select2并在后端查询数据库。在
但是这会破坏远程数据链接,所以我搜索时得到的只是下拉列表的引导占位符。在
相关代码如下:
CSS/JS声明
<link href="/static/collected/autocomplete_light/select2.css" type="text/css" media="all" rel="stylesheet" />
<link href="/static/collected/autocomplete_light/vendor/select2/dist/css/select2.css" type="text/css" media="all" rel="stylesheet" />
<link href = "https://cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-theme/0.1.0-beta.6/select2-bootstrap.css" type = "text/css" media = "all" rel = "stylesheet" />
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
<script type="text/javascript" src="/static/collected/admin/js/vendor/jquery/jquery.js"></script>
<script type="text/javascript" src="/static/collected/autocomplete_light/jquery.init.js"></script>
<script type="text/javascript" src="/static/collected/autocomplete_light/autocomplete.init.js"></script>
<script type="text/javascript" src="/static/collected/autocomplete_light/vendor/select2/dist/js/select2.full.js"></script>
<script type="text/javascript" src="/static/collected/autocomplete_light/forward.js"></script>
JQuery代码文档准备就绪
^{pr2}$Django模板中的代码
<div class="p-2" body style="margin: 0;">
{{ form.search.errors }}
{{ form.search }}
</div>
代码输入表单.py
search = forms.ModelChoiceField(
queryset=myobject.objects.all(),
widget=autocomplete.ModelSelect2(url='my-autocomplete'), required = False
)
最后,呈现的html
<div class="p-2" body style="margin: 0;">
<select data-autocomplete-light-function="select2" data-autocomplete-light-url="/my-autocomplete/" id="id_search" name="search">
<option value="" selected="selected">---------</option>
</select>
</div>
请原谅我可怕的代码-已经退出web开发游戏15年了,这个项目是我重新适应自己的方式!在
谢谢你
目前没有回答
相关问题 更多 >
编程相关推荐