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

以前并沒(méi)有做過(guò)相似的開(kāi)發(fā)，我們的后臺(tái)是xadmin，當(dāng)時(shí)正在研究xadmin的插件，于是想著能不能用插件去做，后來(lái)發(fā)現(xiàn)太麻煩，而且實(shí)現(xiàn)起來(lái)我也沒(méi)研究通，主要是添加按鈕之類(lè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è)按鈕，記錄用戶(hù)的積分消耗情況，那么就可以在類(lèi)名下直接添加：

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

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

這個(gè)時(shí)候我們就可以在詳情內(nèi)看見(jiàn)button了，但是相對(duì)應(yīng)的，在detail的表單中添加后，在add的表單中也會(huì)出現(xiàn)一個(gè)button，這個(gè)不是我們想要的，所以就要想辦法讓button只存在于detail界面中，這時(shí)我們需要重寫(xiě)__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存在的話(huà)，那么獲取其中的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查詢(xún)出該字段對(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)擊彈窗該如何操作。

我們可以重寫(xiě)widgets.TextInput方法

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

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

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

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

我就廢話(huà)不多說(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類(lèi)添加上面的方法和語(yǔ)句。

在admin類(lèi)中的把 pass_audit_str 加入到list_display元組中

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

刷新頁(yè)面即可；

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

最新評(píng)論