怎么修改admin中的inlines右侧的删除按钮,让有值的部分也能像空的部分一样直接点击删除,而不是点击右侧删除框后到最底下再点删除
时间: 2024-03-28 16:41:34 浏览: 12
要修改admin中的inlines右侧的删除按钮,需要针对具体的inline模型进行修改。假设我们要修改的inline模型名为`MyInlineModel`,则可以在该模型对应的admin类中添加如下的JavaScript代码:
```javascript
(function($) {
$(document).ready(function() {
// 获取所有MyInlineModel的删除按钮
var $deleteButtons = $('.inline-group .inline-related:not(.empty-form) .inline-deletelink');
// 为这些按钮绑定click事件
$deleteButtons.on('click', function() {
// 找到对应的删除框
var $deleteBox = $(this).closest('.inline-related').find('.delete');
// 如果删除框已经展开,则直接点击删除按钮
if ($deleteBox.is(':visible')) {
$(this).click();
}
// 否则先展开删除框
else {
$deleteBox.find('a').click();
}
// 阻止默认的click行为
return false;
});
});
})(django.jQuery);
```
这段代码会将inline模型中所有的删除按钮的click事件重新绑定为上述代码中的函数。在这个函数中,我们首先找到点击的删除按钮对应的删除框(即右侧的删除框),然后判断这个删除框是否已经展开。如果已经展开,则直接点击删除按钮;否则先展开删除框,再点击删除按钮。这样就可以实现有值的部分也能像空的部分一样直接点击删除了。