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

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

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

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

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

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中添加一個字段，字段中有一個widget參數(shù)，我們可以在其中設(shè)置控件，我在里面添加了一個input類型，TextInput對象中的參數(shù)attrs傳入的是一個字典，我們可以在里面像寫html一樣寫相關(guān)的css樣式。

這個時候我們就可以在詳情內(nèi)看見button了，但是相對應(yīng)的，在detail的表單中添加后，在add的表單中也會出現(xiàn)一個button，這個不是我們想要的，所以就要想辦法讓button只存在于detail界面中，這時我們需要重寫__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不是一個button，而是一個text格式的input，那么我們就可以在[value]處添加我們想要獲取的值，并在attrs中將type改為hidden，可以看到我調(diào)用了一個self.base_fields[‘point']這個對象就是我們創(chuàng)建的button按鈕。

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

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

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

我們可以重寫widgets.TextInput方法

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

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

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

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

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

  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="通過審核"' \
         'type="button" id="passButton" ' \
         'title="passButton" value="通過審核">' \
         '</a>'
    return format_html(btn_str, '/pass_audit/?{}'.format(parameter_str))

pass_audit_str.short_description = '通過審核'

在model類添加上面的方法和語句。

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

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

刷新頁面即可；

以上這篇在django admin詳情表單顯示中添加自定義控件的實(shí)現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論