小編給大家分享一下django中admin詳情表單添加自定義控件的實(shí)現(xiàn)示例，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了合作免費(fèi)建站歡迎大家使用！

在開發(fā)中有需求在詳情顯示里外鍵字段內(nèi)容，并且添加按鈕彈窗內(nèi)容，以及按鈕跳轉(zhuǎn)內(nèi)容。

以前并沒(méi)有做過(guò)相似的開發(fā)，我們的后臺(tái)是xadmin，當(dāng)時(shí)正在研究xadmin的插件，于是想著能不能用插件去做，后來(lái)發(fā)現(xiàn)太麻煩，而且實(shí)現(xiàn)起來(lái)我也沒(méi)研究通，主要是添加按鈕之類的沒(méi)搞懂，于是就換了一種簡(jiǎn)單的方法。

首先先講解下思路，admin中有幾個(gè)界面，一個(gè)是展示的list界面，一個(gè)是詳情的model界面，model中其實(shí)就是詳情detail，里面記錄了此條數(shù)據(jù)的全部?jī)?nèi)容，精簡(jiǎn)來(lái)說(shuō)就是一個(gè)form表單的內(nèi)容展示。

那么知道了這個(gè)就好解決了，我們只需要在form.py里添加對(duì)應(yīng)的字段即可。

form自帶了widget控件，比如我想在里面添加一個(gè)按鈕，記錄用戶的積分消耗情況，那么就可以在類名下直接添加：

from django.forms import widgets
class AForm(forms.ModelForm):
 point = forms.CharField(
    label=u"積分消耗情況",
    widget=widgets.TextInput(attrs={'class': '[你需要的css樣式]', 'value': '積分使用查詢',
                 'style': 'width:100px','type':'button'}),
  )

解釋下代碼，首先導(dǎo)入widgets類，在form中添加一個(gè)字段，字段中有一個(gè)widget參數(shù)，我們可以在其中設(shè)置控件，我在里面添加了一個(gè)input類型，TextInput對(duì)象中的參數(shù)attrs傳入的是一個(gè)字典，我們可以在里面像寫html一樣寫相關(guān)的css樣式。

這個(gè)時(shí)候我們就可以在詳情內(nèi)看見button了，但是相對(duì)應(yīng)的，在detail的表單中添加后，在add的表單中也會(huì)出現(xiàn)一個(gè)button，這個(gè)不是我們想要的，所以就要想辦法讓button只存在于detail界面中，這時(shí)我們需要重寫__init__方法：

def __init__(self, data=None, files=None, auto_id='id_%s', prefix=None,
         initial=None, error_class=ErrorList, label_suffix=None,
         empty_permitted=False, instance=None, use_required_attribute=None):
     if instance:
       pk = instance.pk
       if not initial:
         initial = {}
         // initial['point'] = [value]
         self.base_fields['point'].widget.input_type = 'button'
     else:
       self.base_fields['point'].widget.input_type = 'hidden'
     super(CustomerUserForm, self).__init__(data, files, auto_id, prefix, initial, error_class, label_suffix, empty_permitted, instance, use_required_attribute)

用super調(diào)用了__init__方法，instance就是創(chuàng)建后該條數(shù)據(jù)的實(shí)例，我們可以在其中判斷，如果instace存在的話，那么獲取其中的id可以進(jìn)行其他的操作，假如我們的point不是一個(gè)button，而是一個(gè)text格式的input，那么我們就可以在[value]處添加我們想要獲取的值，并在attrs中將type改為hidden，可以看到我調(diào)用了一個(gè)self.base_fields[‘point']這個(gè)對(duì)象就是我們創(chuàng)建的button按鈕。

self.base_fields是一個(gè)字典，里面添加了我們自定義的字段（我記得是的，如果有誤可自行查看），通過(guò)字段name查詢出該字段對(duì)象，掉用方法即可進(jìn)行css樣式的修改。

當(dāng)instance不存在時(shí)，也就意味著對(duì)象還沒(méi)有創(chuàng)建，我們此時(shí)正處于add界面，那么就可以用self.base_fileds字典將widget對(duì)象取出，把type設(shè)置為hidden。

至此，我們的form添加額外字段顯示以及button操作就完成了，還有最后一點(diǎn)，當(dāng)type為text時(shí)我們直接添加value即可，type為button時(shí)，如果需要點(diǎn)擊彈窗該如何操作。

我們可以重寫widgets.TextInput方法

class PointInput(widgets.TextInput):
  class Media:
    js = (
      'admin/js/customform.js',
    )
    css = {'all':'[csspath]'}

在media內(nèi)部類中的js和css對(duì)象添加相應(yīng)的靜態(tài)文件即可。

而彈出窗口的值獲取可以在form中添加一個(gè)hidden字段，value為我們想要獲取的值，在js中取值賦值即可。

補(bǔ)充知識(shí)：Django admin 列表每行后面添加審核按鈕

我就廢話不多說(shuō)了，還是直接看代碼吧！

  def pass_audit_str(self):
    parameter_str = 'id={}&status={}'.format(str(self.id), str(self.audit))
    color_code = ''
    btn_str = '<a class="btn btn-xs btn-danger" href="{}" rel="external nofollow" >' \
         '<input name="通過(guò)審核"' \
         'type="button" id="passButton" ' \
         'title="passButton" value="通過(guò)審核">' \
         '</a>'
    return format_html(btn_str, '/pass_audit/?{}'.format(parameter_str))

pass_audit_str.short_description = '通過(guò)審核'

在model類添加上面的方法和語(yǔ)句。

在admin類中的把 pass_audit_str 加入到list_display元組中

list_display = ('id', 'create_time', 'pass_audit_str',)

刷新頁(yè)面即可；

以上是“django中admin詳情表單添加自定義控件的實(shí)現(xiàn)示例”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)題目：django中admin詳情表單添加自定義控件的實(shí)現(xiàn)示例-創(chuàng)新互聯(lián)
本文來(lái)源：http://chinadenli.net/article16/depsgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、搜索引擎優(yōu)化、網(wǎng)站維護(hù)、網(wǎng)站改版、ChatGPT、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)