popup 示例
1.目录结构
2.views.py
from django.shortcuts import render def index(request): return render(request,'index.html') def pop(request): if request.method == "GET": return render(request, 'pop.html') else: user = request.POST.get('user') return render(request,'pop_response.html',{'user':user})
3.urls.py
from django.conf.urls import url from django.contrib import admin from app01 import views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^index/', views.index), url(r'^pop/', views.pop), ]
4.tempaltes
indel.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1 id="i1">无所谓</h1> <a href="#" onclick="popUp('http://www.oldboyedu.com')">点我点我</a> <script> function xxxpopupCallback(text) { document.getElementById('i1').innerHTML = text; } function popUp(url) { window.open( '/pop/', 'n1' ,"status=1, height:500, 600, toolbar=0, resizeable=0"); } </script> </body> </html>
pop.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post"> {% csrf_token %} <input type="text" name="user"> <input type="submit" value="保存"> </form> </body> </html>
pop_response:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>正在关闭</h1> <script> (function () { // 可以调用popup原页面的一个函数 opener.xxxpopupCallback("{{ user }}"); window.close(); })() </script> </body> </html>
分析：
技术点：自执行函数
(function () {
})
实时更新：
解决方法：3种方式
1.popup 涉及 js 语法。 补充到 组件 里。 -问题：点击，弹出新窗口，保存完事，页面不刷新数据返回。怎么解决？？？？ -实时更新 class UserForm(Form): part = fields.ChoiceFiedld(choices=modesls.Department.object.filter.values_list('id','name') 解决方式1：super方法重构方法 class UserForm(Form): part = fields.ChoiceField(choices=models.Department.object.values_lists('id','name')) def __init__(self,*args,**kwargs)： super(UserForm,self).__init__(*args,**kwargs) self.fields['part'].choices = models.Department,objects.values_list('id','name') 解决方式2：利用modelChoiceField方法 class UserForm(Form): part = fields.ModelChoiceField(queryset=models.Department.obejct.all()) part = fields.ModelMultipleChoiceField(queryset=models.Department.obejct.all()) 方式3：ModelForm class UserForm(ModelForm): class Meta: model = UserInfo field = "__all__" 判断： model 中的字段 如果是 FK： ModelChoiceField 如果是 M2M: ModelMultipleChoiceField