Django帶搜尋功能的下拉框

2021-10-22 09:33:02 字數 1247 閱讀 7963

原本只做了乙個下拉框,後面隨著資料越來越多,選擇資料就變得很困難。考慮再下拉框中再增加乙個搜尋功能。

方法一:django-select2-forms

不過對py3和django3的支援不好,會產生報錯,所以我放棄了這個方法。

方法二:使用jquery2 select2

可以參考:

由於對前端知識掌握不透,我也放棄這個

方法三:使用autocomplete_fields

autocomplete_fields是在django2.0的時候增加。

需要關聯的表需要在admin中設定搜尋字段

search_fields = ('fields',)

搜尋的字段需要設定成外來鍵

autocomplete_fields = ['外來鍵字段']

我要實現的功能是,搜尋自己的列表並進行關聯,所以我的都是在一張表中進行操作。

**示例:

models.py

class patchlib(models.model):

'''補丁庫'''

reboot_choices = (

(0, '需要'),

(1, '不需要'),

)pathid = models.autofield(primary_key=true, verbose_name='補丁id')

vendor_pathid = models.charfield(max_length=500, verbose_name='廠商內部補丁唯一標識')

path_type = models.foreignkey('patchlib',db_column='path_type',on_delete=models.cascade)

admin.py

@admin.register(patchlib)

class patchlibadmin(importexportmodeladmin):

form = patchlibadminform

search_fields = ('vendor_pathid',)

autocomplete_fields = ['path_type']

效果圖:

帶搜尋框的select下拉框

利用select2製作帶有搜尋功能的select下拉框 1.引入線上css和js script 2.在select標籤內加入class屬性js example basic single value al alabama value wy wyoming select 3.呼叫js document ...

BootStrap實現帶搜尋的下拉框

前段時間在做乙個小專案的時候,因為專案需求需要選擇ip,然後就寫成簡單的select下拉框進行選擇,由於ip太多網段太亂 公司人就說能不能實現乙個帶有搜尋的下拉框,然後我通過學習發現bootstrap已經完美的實現了這個功能。我先看下倆次實現的效果 1.這個是bootstrap的簡單下拉框看著那麼多...

yii2下拉框帶搜尋功能

如果你還沒有使用過composer,你可就out了,看我的教程分享,composer簡直就是必備神奇有木有。都說到這個點上了,我們趕緊使用composer進行安裝吧。啥玩意,不感興趣?繼續看嘛,看完再操作一邊才能覺得好在 有木有感覺很帥氣,當然啦,遠遠不止,還很上檔次用起來效果也是槓槓的有木有。好了...