【问题标题】:Change django-autocomplete-light html property更改 django-autocomplete-light html 属性
【发布时间】:2021-10-29 08:39:01
【问题描述】:

1st 我如何更改 django-autocomplete-light 上的默认 html 属性?

2nd django 如何从表单小部件呈现 html 元素?强>

你好!我正在使用 django-autocomplete-light v3。

第一次我会告诉你如何理解我的问题
第二次我会向你寻求帮助

您想在一分钟内试用 django-autocomplete-light 并帮助我吗?

您可以按照以下步骤操作: https://django-autocomplete-light.readthedocs.io/en/master/install.html

或者只是:
pip install django-autocomplete-light

然后,让 Django 找到我们需要的静态文件,方法是在
django.contrib.admin 和 grappelli(如果存在)之前添加到 INSTALLED_APPS:

'dal',
'dal_select2',
# 'grappelli',
'django.contrib.admin',

安装演示项目
在临时虚拟环境中安装演示项目以进行测试:

cd /tmp
virtualenv -p python3 dal_env
source dal_env/bin/activate
pip install django
pip install -e git+https://github.com/yourlabs/django-autocomplete-light.git#egg=django-autocomplete-light
cd dal_env/src/django-autocomplete-light/test_project/
pip install -r requirements.txt
./manage.py migrate
./manage.py createsuperuser
./manage.py runserver
# go to http://localhost:8000/admin/ and login

现在你可以帮忙了!!!

1.1 登录到您的管理面板
1.2 滚动直到看到“SELECT2_ONE_TO_ONE”并点击
1.3 添加新的 Tmodel 点击右侧的“加号”按钮
1.4 转到浏览器上的检查模式 (ctrl+shift+i),然后单击那里的任何选择字段 em>

我没有足够的声誉来发布图片,但您可以在此链接中找到它: https://github.com/yourlabs/django-autocomplete-light/issues/850#issuecomment-370982681

现在,您可以看到与图中所示相似的内容。

我要做的是更改 select 输入上方第二个的 style 属性,这就是希望您帮助我的原因。

我想将 "style='width:434px'" 写入的文件更改为 "style='width:100%'" 但我在任何地方都找不到它,因为我不知道怎么做django 渲染 html 元素或它们来自哪里。

我在个人项目中也有 django-autocomplite-light,我没有在这里分享以避免大的解释。 :)

2 非常感谢您的帮助!

【问题讨论】:

    标签: django autocomplete django-autocomplete-light


    【解决方案1】:

    为了解决这个问题,我只是改变了元素主类的 min-width 属性,如下所示:

    .select2-container {
        min-width: 18.5em !important;
    }
    

    不是我想要的,但是...

    【讨论】:

      猜你喜欢
      • 2018-05-31
      • 2023-03-11
      • 2018-12-17
      • 2018-09-20
      • 1970-01-01
      • 2013-11-26
      • 2017-03-26
      • 1970-01-01
      • 2018-12-04
      相关资源
      最近更新 更多