前端
中年半吊子程序猿
正在成为程序猿的路上
展开
-
2021-06-02
复用模态框 应用场景: 当多个模态框的结构相同,只是展示的内容不同时,可以通过复用模态框来减少代码量 基本思路: 将模态框的信息,通过触发模态框的按钮的属性值来进行传递,实现不同的按钮可以传递不同的值给模态框。 具体使用方式如下 新建模态框 没啥好讲的,从官网拷贝的 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> &l原创 2021-06-02 17:56:02 · 187 阅读 · 0 评论 -
基于django源码自定义前端form表单样式
在项目中,我们通常会用django中的modelform帮助我们快速生成前端的样式,提升开发效率。但是有时,当我们需要让一些字段,显示一些特殊的样式时,就需要对modelform中的默认样式,手动进行一些修改: 选择颜色 示例 颜色选项,本来在数据库中是choices字段(字段名直接使用css样式中的颜色代码,方便后面自定义操作),在modelfrom自动渲染是一个select标签,如下图 通过自定义的修改标签样式,可以改变标签的类型,并配合前端的一些技巧,最终修改后的效果如下。 新建widgets.p原创 2021-05-18 11:16:15 · 1548 阅读 · 1 评论 -
解决checkbox无法触发父级a标签的问题
当前端页面进行如下设置时,点击checkbox无法触发a标签 <a class="cell" href="/manage/14/issues/?status=5&status=2&priority=danger"> <input type="checkbox" checked=""> <label>新建</label> </a> 想要点击checkbox时,同时触发a标签(这种需求更合理),需要在js中给ch原创 2021-05-13 15:59:45 · 355 阅读 · 0 评论 -
ajax向后台发送消息
data为非复杂数据时 即data{}内的键值对的值 不包含 列表等复杂数据,可以直接通过get/post发送给后台 // 前端: $.ajax({ ... data:{name:11,age:122,xx:[11,22,33]} }) // 或者 $.post(url,data,callback) $.get(url,data,callback) # Django后台: request.POST request.POST.get原创 2021-05-06 22:25:25 · 253 阅读 · 0 评论