【问题标题】:How to add css in django Updateview or Create view form如何在 django Updateview 或创建视图表单中添加 css
【发布时间】:2016-08-18 13:49:16
【问题描述】:

我正在做一个项目,我的设计师给了我设计,所以我想模仿设计中的输入表单,为此我需要在我的表单对象中添加 css。

如果是基于django函数的视图,很容易通过创建forms.py文件来添加css,如下添加css。 adding css class in django forms

我也尝试使用 jquery 注入 css 类,但我无法成功。 Injecting css class in html forms element using jquery

myapp/forms.py

但是,当使用基于类的视图时,如何在表单字段中添加自定义 css。

class ItemUpdateView(UpdateView):
    model = Item
    fields = ('name','tag', 'category', 'company', 'price',)

如何将自定义类添加到name, tag, category 字段。

【问题讨论】:

    标签: python css django django-forms django-views


    【解决方案1】:

    您可以在更新视图上定义 form_class 属性并将 css 添加到该表单。

    class ItemUpdateView(UpdateView):
        form_class = ItemForm
    

    ItemForm 可以是 ModelForm,您可以按照此处所述对其进行自定义: https://docs.djangoproject.com/en/2.2/topics/forms/modelforms/#overriding-the-default-fields

    【讨论】:

      【解决方案2】:

      当 django 从表单字段生成 html 时,它会自动将其添加为“id_fieldName”。因此,您可以在前端添加带有 javascript 的 css。

      <script>
          document.getElementById("id_company").classList.add("class name");
      </script>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-01-02
        • 1970-01-01
        • 2012-05-21
        • 2015-02-02
        • 2017-01-04
        • 2020-06-20
        相关资源
        最近更新 更多