使用具有自定义引导程序样式的Django模板放置<select>字段

Question

我在将html css javascript前端与django连接时遇到问题。我有一些HTML模板，它们的外观和工作方式也完全符合我的要求。我可以使用以下命令调用django字段来显示数据，而该字段是我当前视图的一部分： {{something.attribute}} 效果很好。 我的问题是尝试将表单连接到为使用POST操作更新和创建记录而创建的Django视图时。例如，当使用mdbootstrap主题模板时，我已经实现了html 对象，如下所示：     某事     某事     某事 这可以正常工作，并且看起来也完全像我想要的一样，因为它可以正确利用适当的CSS和JavaScript。 当我想将Django表单对象放置在同一字段中时，我必须这样称呼它：

{{something.attribute}}

我必须在django中将其称为

，它破坏了我的CSS和javascript，因此无法正确显示并且无法使用。在开发人员工具中查看呈现的html时，我可以看到返回的数据，因此我知道django的视图和表单正在工作。 有什么方法可以在仍使用html模板中的标签的同时调用django对象？

2 个答案:

答案 0 :(得分：1)

1）如果使用的是模型表单，请执行以下一项操作：     使用django widget_tweaks，然后在模板中执行以下操作：

{% load widget_tweaks %}

<label>{{my_form.field.label}}</label>
{% render_field my_form.field class="mdb-select" name="field" %}

OR

class NewSomethingForm(ModelForm):
class Meta:
    model = Account
    fields = ['name', 'last_name', 'description']

def __init__(self, *args, **kwargs):
    self.fields['description'].widget = forms.Textarea(attrs={'class': 'md-textarea', 'style': 'height: 75px'})`enter code here`

2）如果您不使用模型表单，请在模板中尝试以下操作：

<select type="select" class="mdb-select" id="fieldOne" name=field>
    <option value="my_form.field_name.field.choices.0">my_form.field_name.field.choices.1</option>
    <!–– follow same sequence -- >
</select>

别忘了给下拉列表元素一个与表单上的字段相匹配的名称。

答案 1 :(得分：0)

您可以使用Django ModelChoiceField呈现选择字段。当您使用 {{yourForm.select_field_name}} 在模板中使用此表单时，它将与

一起呈现

id：id_select_field_name
名称：select_field_name

您需要关联的css类包含在attrs中

from django import forms
class yourForm(forms.Form):
    select_field_name=forms.ModelChoiceField(queryset=recieptDetail.objects.all(), widget = forms.Select(attrs = {'class':"class-name",'onchange' : "jsFunction();"}))

相关问题

• Django：迭代自定义选择字段中的选项
• manytomany字段在形式与复选框insted选择字段在Django模板中
• 在modelformset_factory中使用带有自定义字段小部件的表单？
• ckeditor样式与bootstrap样式冲突
• 为OneToMany字段使用SELECT字段
• 使用自定义getattr templatetag时，Django表单字段无法呈现
• Django - 模板中字段的自定义表示
• 用浮点放置div
• 使用具有自定义引导程序样式的Django模板放置<select>字段
• 如何在引导表单字段中使用我的modelForm字段？

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

1）如果使用的是模型表单，请执行以下一项操作：     使用django widget_tweaks，然后在模板中执行以下操作：

{% load widget_tweaks %}

<label>{{my_form.field.label}}</label>
{% render_field my_form.field class="mdb-select" name="field" %}

OR

class NewSomethingForm(ModelForm):
class Meta:
    model = Account
    fields = ['name', 'last_name', 'description']

def __init__(self, *args, **kwargs):
    self.fields['description'].widget = forms.Textarea(attrs={'class': 'md-textarea', 'style': 'height: 75px'})`enter code here`

2）如果您不使用模型表单，请在模板中尝试以下操作：

<select type="select" class="mdb-select" id="fieldOne" name=field>
    <option value="my_form.field_name.field.choices.0">my_form.field_name.field.choices.1</option>
    <!–– follow same sequence -- >
</select>

别忘了给下拉列表元素一个与表单上的字段相匹配的名称。

Answer 2

您可以使用Django ModelChoiceField呈现选择字段。当您使用 {{yourForm.select_field_name}} 在模板中使用此表单时，它将与

一起呈现

id：id_select_field_name
名称：select_field_name

您需要关联的css类包含在attrs中

from django import forms
class yourForm(forms.Form):
    select_field_name=forms.ModelChoiceField(queryset=recieptDetail.objects.all(), widget = forms.Select(attrs = {'class':"class-name",'onchange' : "jsFunction();"}))