首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法在Django Admin弹出窗口(添加、更新、删除)完成时调用Javascript函数?

在Django Admin弹出窗口完成时调用Javascript函数的方法是通过使用Django Admin的自定义模板和Javascript代码来实现。

首先,你需要创建一个自定义的Django Admin模板来覆盖默认的模板。在你的应用的templates目录下创建一个admin目录,并在其中创建一个名为"change_form.html"的文件。

在"change_form.html"文件中,你可以使用以下代码来调用Javascript函数:

代码语言:txt
复制
{% extends "admin/change_form.html" %}

{% block extrahead %}
    {{ block.super }}
    <script>
        function myFunction() {
            // 在这里编写你的Javascript代码
        }
    </script>
{% endblock %}

在上面的代码中,你可以在myFunction()函数中编写你想要执行的Javascript代码。

然后,你需要将这个自定义模板应用到你的Admin页面。在你的应用的admin.py文件中,创建一个继承自admin.ModelAdmin的自定义模型管理类,并指定change_form_template属性为你刚刚创建的模板文件路径。

代码语言:txt
复制
from django.contrib import admin

class YourModelAdmin(admin.ModelAdmin):
    change_form_template = 'admin/your_app/change_form.html'

admin.site.register(YourModel, YourModelAdmin)

在上面的代码中,将YourModel替换为你想要自定义的模型。

这样,当你在Django Admin中打开该模型的添加、更新或删除页面时,就会加载你的自定义模板,并在页面加载完成时调用你定义的Javascript函数。

请注意,以上方法是基于Django 3.x版本的,如果你使用的是其他版本,可能会有一些差异。另外,这里没有提及腾讯云相关产品和产品介绍链接地址,你可以根据实际需求选择适合的腾讯云产品来支持你的Django应用。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

django 1.8 官方文档翻译: 1-2-2 编写你的第一个Django应用,第2部分

哲理 为你的员工或客户生成添加、修改和删除内容的管理性网站是个单调乏味的工作。 出于这个原因,Django 根据模型完全自动化创建管理界面。...日期有一个 “Today” 快捷方式和弹出式日历,而时间有个 “Now” 快捷方式和一个列出了常用时间选项的弹出窗口。...Delete – 显示删除确认页。 如果 “Date published” 的值与你第一部分教程创建的 poll 的时间不符,这可能 意味着你忘记了将 TIME_ZONE 设置成正确的值了。...当点击 “Add Another” ,你将会获得一个 “Add poll” 表单的弹出窗口。...如果你在窗口添加了一 poll 并点击了 “Save” 按钮, Django 会将 poll 保存至数据库中并且动态的添加为你正在查看的 “Add choice” 表单中的 已选择项。

2.5K40
  • PyCharm 2024.1 发布:全面升级,助力高效编程!

    *Django Structure*(Django 结构)工具窗口中注册模型 admin 类 *Endpoints*(端点)工具窗口中对更大的 Flask 和 FastAPI 应用程序的支持 增强了对...检查拉取/合并请求分支,审查模式会自动激活,并在装订区域中显示紫色标记,表明代码更改可供审查。 点击这些标记会弹出一个显示原始代码的弹出窗口,这样您就能快速识别哪些代码已被更改。...框架和技术 PyCharm Professional Django Structure(Django 结构)工具窗口中注册模型 admin PyCharm 2024.1 中,您可以快速检查未注册的...admin 类,并在 Django Structure(Django 结构)工具窗口中一键注册。... Branches(分支)弹出窗口中,您现在可以按操作和仓库筛选搜索结果。

    13010

    如何使用Django构建现代Web应用程序来管理客户信息并在Ubuntu 18.04上进行反应

    完成后,您将能够使用使用Bootstrap 4设置样式的React接口创建,读取,更新删除记录。 先决条件 要完成本教程,您需要: 使用Ubuntu 18.04的开发机器。...您可以 django-cors-headers文档中找到更多配置选项。 完成后保存文件并退出编辑器。...createdAt - 添加客户的日期。 我们还将添加该__str__()函数,该函数定义了模型的显示方式。我们的例子中,它将以客户的名字命名。...例如,当用户向API端点发送GET请求Django调用相应的函数或API视图来处理请求并返回任何可能的结果。 我们还将使用序列化器。...添加API视图 本节中,我们将为我们的应用程序创建API视图,当用户访问对应于视图函数的端点Django调用这些视图。

    13.9K83

    【ssm个人博客项目实战06】博客类别的添加修改删除的实现1、博客类别service层完善3、博客类别管理界面功能完善1、功能实现

    1、博客类别service层完善 service层中 需要注入dao层的对象 然后调用相应的方法即可 ssm.blog.service.BlogTypeService /** * Created by...id按照某种特定的方式拼接成字符串 ,然后我们控制层把字符串按照某种方式分割,然后for循环逐个删除 删除的时候我们要判断该博客类别下面是否有博客 如果有就禁止删除博客类别 ,等我们完成博客对应的操作再来完善...如果大家还是不懂得话所以easyui API手册中搜索toolbar 1、功能实现 说一下实现思路 当我们点击添加按钮或者修改按钮 那么系统就会弹出一个对话框让我们输入对应的信息,然后信息输入完毕,单击保存就会请求我们后台对应的保存方法...Paste_Image.png 当我们点击添加或者修改按钮 我们是处于blogTypeMange.jsp中 所以我们需要完善这个页面其实能弹出对话框 <div id="dlg" class="easyui-dialog...中<em>添加</em>id 后台就能识别是<em>更新</em>操作 url = "${blog}/admin/blogType/save.do?

    1.1K60

    Django 3.1 官网学习路线

    path() argument: view 当 Django 找到匹配的模式,它调用指定的视图函数,第一个参数是 HttpRequest 对象,从路由中“捕获”的任何值都是关键字参数。...保存并添加另一个——保存更改并为这种类型的对象加载一个新的空白表单。 删除-显示删除确认页面。...还要注意在“问题”旁边的“添加另一个”链接。每一个与其他对象具有 ForeignKey 关系的对象都可以免费得到这个。当你点击“添加另一个”,你会得到一个弹出窗口的“添加问题”形式。...如果在该窗口添加一个问题并单击“Save”,Django 会将该问题保存到数据库中,并在您正在查看的“add choice”表单中动态地将其添加为选中的选项。...删除对 Choice 模型的 register()调用

    8.2K10

    PyCharm 2024.1 最新变化,最新更新亮点汇总

    检查拉取/合并请求分支,审查模式会自动激活,并在装订区域中显示紫色标记,表明代码更改可供审查。 点击这些标记会弹出一个显示原始代码的弹出窗口,这样您就能快速识别哪些代码已被更改。...框架和技术 PyCharm Professional Django Structure(Django 结构)工具窗口中注册模型 admin PyCharm 2024.1 中,您可以快速检查未注册的...admin 类,并在 Django Structure(Django 结构)工具窗口中一键注册。... Branches(分支)弹出窗口中,您现在可以按操作和仓库筛选搜索结果。...现在,对于附加文件或运行函数等任务,您只需选择必要的数据源或执行上下文,无需选择正确的会话。 此外,Services(服务)工具窗口中的专属操作可以同一数据源内快速切换会话。

    1.1K10

    Django CSRF Bypass (CVE-2016-7401) 漏洞分析

    当传入load一个字符串调用__ParseString,__ParseString中有这样一句:match = patt.search(str, i),根据之前定义的pattern来查找字符串中符合...# Probably ending in a semi-colon ) 在这里我们看到]并没有_LegalCharsPatt中,由于代码中使用的是search函数,所以匹配a=hello...Google Analytics帮了我们这个忙,它为了追踪用户,会在用户浏览添加如下cookie: __utmz=123456.123456789.11.2.utmcsr=[HOST]|utmccn=...,再回到原窗口,就可以看到保护机制已经绕过: ?...3.补丁分析 Python 可以看到这个漏洞根本上是原生Python的漏洞,首先看最早在2.7.9中的patch: ? 将search改成了match函数,所以再遇到非法符号匹配会停止。

    1.8K50

    35.Django2.0文档

    C:根据用户输入委派视图的部分,由 Django 框架根据 URLconf 设置,对给定 URL 调用适当的Python 函数  由于 C 由框架自行处理,而 Django 里更关注的是模型(Model...7.更新删除对象 update()方法对于任何结果集(QuerySet)均有效,这意味着你可以同时更新多条记录。...我们修改了admin.site.register()调用Author后面添加了AuthorAdmin。你可以这样理解:用AuthorAdmin选项注册Author模块。...虽然管理工具因此添加了注释(help_text),但是当它有几百个选项,它依然显得笨拙。 更好的办法是使用 filter_horizontal。...点击那个图标将会弹出一个窗口,在那里你可以选择想要添加的publisher。  第七章 用户、用户组和权限 因为你是用超级用户登录的,你可以创建,编辑和删除任何对像。

    11.3K100

    2024最新 PyCharm 2024.1 更新亮点看这篇就够了

    *Django Structure*(Django 结构)工具窗口中注册模型 admin 类 *Endpoints*(端点)工具窗口增强对 Flask 和 FastAPI 应用的支持 增强了对 GitHub...框架和技术:PyCharm Professional 加强开发支持 Django Structure(Django 结构)工具窗口中注册模型 admin 类 PyCharm 2024.1 版本让 Django...现在,您可以 Django Structure(Django 结构)工具窗口中快速检查并一键注册未注册的 admin 类,这一改进显著简化了 Django 管理界面的配置过程。...分支筛选:Branches(分支)弹出窗口新增按操作和仓库筛选搜索结果的功能。 变基更新引用:Rebase(变基)对话框新增 --update-refs 选项,确保变基过程中的历史修改得到准确反映。...现在,进行如附加文件或运行函数等任务,您只需要选择适当的数据源或执行上下文,无需担心会话的选择。

    2.4K20

    Django简介

    就是把Web应用分为模型(M),控制器(C)和视图(V)三层,他们之间以一种插件式的、松耦合的方式连接在一起,模型负责业务对象与数据库的映射(ORM),视图负责与用户的交互(页面),控制器接受用户的输入调用模型和视图完成用户的请求...一般是用户通过浏览器向我们的服务器发起一个请求(request),这个请求回去访问视图函数,(如果不涉及到数据调用,那么这个时候视图函数返回一个模板也就是一个网页给用户),视图函数调用模型,模型去数据库查找数据...django有一个好处,代码更改之后,它会自动加载代码。而不需要重启django项目,网页就能更新了!...首先是用户浏览器输入url:http://127.0.0.1:8000/login/ 2. django接收到请求之后,根据URL控制器匹配视图函数 3...."> 更改views.py,删除auth视图函数代码,修改login视图函数,完整代码如下 from django.shortcuts import render,HttpResponse import

    1.7K20

    django admin详情表单显示中添加自定义控件的实现

    这个时候我们就可以详情内看见button了,但是相对应的,detail的表单中添加后,add的表单中也会出现一个button,这个不是我们想要的,所以就要想办法让button只存在于detail界面中...至此,我们的form添加额外字段显示以及button操作就完成了,还有最后一点,当type为text我们直接添加value即可,type为button,如果需要点击弹窗该如何操作。...而弹出窗口的值获取可以form中添加一个hidden字段,value为我们想要获取的值,js中取值赋值即可。...补充知识:Django admin 列表每行后面添加审核按钮 我就废话不多说了,还是直接看代码吧!...刷新页面即可; 以上这篇django admin详情表单显示中添加自定义控件的实现就是小编分享给大家的全部内容了,希望能给大家一个参考。

    4.9K20

    加点JavaScript魔法

    客户端将服务器端返回的响应中的html内容显示弹出窗口中。当用户移开鼠标弹出窗口将被删除。听起来很简单,对吧?...应用程序在网页中包含这些组件的标准方式是适当的位置添加HTML,然后为需要脚本支持的组件调用JavaScript函数,以便初始化或激活它。popover组件确实需要JavaScript的支持。...03 页面加载完成后执行函数 很明显,我将需要在每个页面加载后立即运行一些JavaScript代码。我要运行的函数将搜索页面中用户名的所有链接,并使用Bootstrap中的弹出窗口组件配置它们。...这个函数将在页面加载完成时运行,并且当完成,将为所有页面配置悬停和弹出行为。现在我要集中精力来寻找链接。 回顾第十四章,实时翻译中被调用的HTML元素具有唯一的ID。...我可以通过添加.done(function)来附加一个完成回调函数,所以一旦请求完成,我的回调函数就会被调用。回调函数将接收到的响应作为参数,你可以在上面的代码中看到,我将其命名为data。

    3.9K10

    pycharm快捷键、常用设置、配置管理

    1、编辑(Editing)Ctrl + Space    基本的代码完成(类、方法、属性) Ctrl + Alt + Space  快速导入任意类 Ctrl + Shift + Enter    语句完成...Ctrl + P    参数信息(方法中调用参数) Ctrl + Q    快速查看文档 Shift + F1    外部文档 Ctrl + Shift + Z --> Redo 重做 Ctrl...Ctrl + Shift + J  添加智能线 Ctrl + Enter   智能线切割 Shift + Enter    另起一行 Ctrl + Shift + U  选定的区域或代码块间切换...Ctrl + Delete   删除到字符结束 Ctrl + Backspace   删除到字符开始 Ctrl + Numpad+/-   展开/折叠代码块(当前位置的:函数,注释等) Ctrl...调用容器中的python解释器,思路就是让容器的22端口暴露出来(容器是个简易linux环境,需要自己容器中安装ssh相关的服务),并且22映射到主机的某一个端口,例如0.0.0.0:9005,以下用

    1.3K30

    Django 1.10中文文档-第一个应用Part2-模型和管理站点

    处理字段名的引号也是如此 —— 例如,使用双引号还是单引号; sqlmigrate命令并不会在你的数据库上真正运行迁移文件 —— 它只是把Django 认为需要的SQL打印屏幕上以让你能够看到...,为这些修改创建迁移文件; 运行python manage.py migrate,将这些改变更新到数据库中; 阅读django-admin 的文档来了解manage.py 工具能做的所有事情。...def __str__(self): return self.choice_text 模型中添加__str __()方法非常重要,不仅仅是为了方便您处理交互式提示,而且Django...Django admin管理站点介绍 为您的员工或客户生成管理网站用来添加,更改和删除内容是繁琐的工作,不需要太多的创造力。因此,Django完全自动创建模型的管理界面。...Date有个“Today”的快捷键和一个弹出式日历,time栏有个“Now”的快捷键和一个列出常用时间选项的弹出窗口

    2.3K60

    Django—第三方引用

    虚拟环境中安装包。 pip install django-tinymce 安装完成后,可以使用在Admin管理中,也可以自定义表单使用。...模板中显示字符串,默认会进行html转义,如果想正常显示需要关闭转义。...、修改、删除数据,自动生成索引 HAYSTACK_SIGNAL_PROCESSOR = 'haystack.signals.RealtimeSignalProcessor' View Code...上去 2.2 使用 按照配置,admin管理中添加数据后,会自动为数据创建索引,可以直接进行搜索,可以先创建一些测试数据。 1)booktest/views.py中定义视图query。...2)新页面中点击“客户端授权密码”,勾选“开启”,弹出窗口填写手机验证码。 ? 3)填写授权码。 ? 4)提示开启成功。 5)打开项目的settings.py文件,配置。

    1.1K10

    学习版pytest内核测试平台开发万字长文入门篇

    修改密码使用el-dialog做了个弹出框: ? 包括当前密码、新密码、确认新密码。并添加了校验规则: ? 修改密码会调用/users/passwords/set接口: ?...本次前端代码基本编写完成了: ? 最后还有个axios.js,它定义了异步请求实例: ? 添加了一个请求拦截器: ?...分别添加登录、用户增删改查、重置密码、角色列表、修改密码几个路径。Django的视图有两个类型:类视图和函数视图。...和新增用户的区别在于,更新user_role表数据,需要根据老角色和新角色,比较差异后,添加新增的,删除废旧的。 重写删除用户的delete方法: ? 同时删除user表和user_role表。...定义了put方法,从请求url中获取参数值user_id,查询user对象后,调用预置的set_password方法,把密码重置为qa123456。记得调用user.save()把数据更新到数据库。

    4.9K30

    JavaScript的使用前言

    函数调用不执行,调用直接写函数名即可。...7、alert弹窗: 我们访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。...弹出对话框(包括一个确定按钮和一个取消按钮)。当用户点击"确定"按钮,返回true当用户点击"取消"按钮,返回false。...,no 窗口有没有工具条 scrollbars yes,no 窗口有没有滚动条 status yes,no 窗口有没有状态栏 11、循环: for循环、while循环、do while循环都和Java...onclick事件,就是在按钮标签那里添加onclick = "fun()",就表示单击了这个按钮就会调用fun这个函数

    2.6K20
    领券