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

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

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

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

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'}),
  )

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

這個時候我們就可以在詳情內看見button了，但是相對應的，在detail的表單中添加后，在add的表單中也會出現一個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調用了__init__方法，instance就是創(chuàng)建后該條數據的實例，我們可以在其中判斷，如果instace存在的話，那么獲取其中的id可以進行其他的操作，假如我們的point不是一個button，而是一個text格式的input，那么我們就可以在[value]處添加我們想要獲取的值，并在attrs中將type改為hidden，可以看到我調用了一個self.base_fields[‘point']這個對象就是我們創(chuàng)建的button按鈕。

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

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

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

我們可以重寫widgets.TextInput方法

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

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

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

補充知識：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詳情表單顯示中添加自定義控件的實現就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論