urls:

#!/usr/bin/env python3

# -*- coding: utf-8 -*-

from django.conf.urls import url

from chapter01 import views

urlpatterns=[

    url('popupp',views.popparent),

    url('popupr',views.realpopup,name="addgoup"),

    url('double',views.doublepopup,name="doublepopup"),

]

views

from django.shortcuts import render

from django.shortcuts import HttpResponse

from chapter01 import models

# Create your views here.

def popparent(request):

    usergroup_list=models.UserGroup.objects.all()

    return render(request, 'chapter01/usergroup_list.html', {'usergroup_list':usergroup_list})

def realpopup(request):

    if request.method=="GET":

        return render(request,'chapter01/add_usergroup.html')

    else:

        popupid=request.GET.get("popup")

        if popupid:

            title=request.POST.get("title")

            obj=models.UserGroup.objects.create(title=title)

            response={'data_dict':{'pk':obj.pk,'text':str(obj),'popid':popupid}}

            """

            1.关闭popup页面

            2.将新增数据添加，传送到到原来发送pop页面的 popid=ugID

            """

            return render(request,'chapter01/popup_response.html',response)

        else:

            title=request.POST.get("title")

            models.UserGroup.objects.create(title=title)

            return HttpResponse("重定向列表页面")

def doublepopup(request):

    if request.method=="GET":

        return render(request,'chapter01/doublekill.html')


add_usergroup.html




<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>popuptest</title>

</head>

<body>

<form method="POST">

    {% csrf_token %}

    <input type="text" name="title"/>

    <input type="submit" value="提交">

</form>

    <a href="#" onclick="popupUrl('/chapter01/double/')">多级弹出</a>

<script>

    function popupUrl(url) {

        window.open(url,'x2','status=1,width:300px,heigh:200px,toolbar=0,resizeable=1')

    }

    function f1() {

        alert(1111)

    }

</script>

</body>

</html>





　　



usergroup_list.html




<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>usergroup</title>

</head>

<body>

<p>用户名:<input type="text"></p>

<p>用户组:

    <select id="ugID">

    {% for i in usergroup_list %}

        <option value="{{ i.pk }}">{{ i.title }}</option>

{% endfor %}

</select>

<a  onclick="popupUrl('/chapter01/popupr/?popup=ugID')">添加</a>

</p>

<script>

    /*

    *'xxxxx'是弹窗的别名，在出来的弹窗是将不是这个别名 而是会替换这个名字

    * */

    function popupUrl(url) {

        window.open(url,'xxxxx','status=1,height:400,width:400,toolbar=0,resizeable=0')

    }

    function popupCallBack1(data_dict) {

        var tag=document.createElement("option");

        tag.innerHTML=data_dict.text;

        tag.setAttribute('value',data_dict.pk);

        tag.setAttribute('selected','selected');

        document.getElementById(data_dict.popid).appendChild(tag)

    }

    function popupCallBack2() {

    }

</script>

</body>

</html>





　　


popup_response.html




<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>正在关闭的页面</title>

</head>

<body>

<script>

    /*

    opener谁发起的代指谁

     */

    var data_dict={{ data_dict|safe }};

    opener.popupCallBack1(data_dict);

    window.close();

</script>

</body>

</html>




doublekill.html


　　




<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

doublekilled

</body>

</html>





　　
												


											
popup功能的更多相关文章
	

    
								
  1. 可快速生成增删curd改查功能的插件
		
    仿造Django中的admin自己实现增删改查.模糊搜索.批量操作.条件筛选.popup功能的插件 1.创建组件 首先创建一个app,这里取名为stark,在settings.py中将其进行注册 IN ...
    
		
    2. 
						
  2. OpenLayers2中的事件_以Popup为例
		
    SATURDAY, 21 MARCH 1-Preface 前几天阅读学习了OpenLayers'Cookbook中的第四章——Working with events. 从AFDS系统的开发项目进行至今 ...
    
		
    3. 
						
  3. arcgis jsapi接口入门系列（9）：可以同时显示多个的地图popup
		
    jsapi有提供popup功能,但缺点很多,例如地图上只能同时显示一个popup,popup内容有限制等 本文提供另一个方法,原理不用jsapi,在地图外用一个普通的div放在地图上面,再监听地图的鼠 ...
    
		
    4. 
						
  4. （转）OpenLayers3基础教程——OL3之Popup
		
    http://blog.csdn.net/gisshixisheng/article/details/46794813 概述: 本节重点讲述OpenLayers3中Popup的调用时实现,OL3改用O ...
    
		
    5. 
						
  5. OpenLayers3基础教程——OL3之Popup
		
    概述: 本节重点讲述OpenLayers3中Popup的调用时实现,OL3改用Overlay取代OL2的Popup功能. 接口简单介绍: overlay跟ol.control.Control一样,是一 ...
    
		
    6. 
						
  6. [WP8] 使用ApplicationMenu与使用者互动
		
    [WP8] 使用ApplicationMenu与使用者互动 范例下载 范例程序代码:点此下载 功能说明 使用过Lumia系列手机的开发人员,对于内建的相机功能相信都很熟悉.在Lumia内建的相机功能中 ...
    
		
    7. 
						
  7. Emacs安装auto-complete
		
    分别下载各个el文件 auto-complete-mode 主源码库 https://github.com/auto-complete/auto-complete 把zip文件下载后,复制auto-c ...
    
		
    8. 
						
  8. 【django之stark组件】
		
    一.需求 仿照django的admin,开发自己的stark组件.实现类似数据库客户端的功能,对数据进行增删改查. 二.实现 1.在settings配置中分别注册这三个app # Applicatio ...
    
		
    9. 
						
  9. django 之 stark组件
		
    ----------------------------------------------------------------烦恼没完没了,内心动荡不安,呜呼哀哉. 一.有个特殊的需求,需要用sta ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. day5-python中的序列化与反序列化-json&pickle
			
    一.概述 玩过稍微大型一点的游戏的朋友都知道,很多游戏的存档功能使得我们可以方便地迅速进入上一次退出的状态(包括装备.等级.经验值等在内的一切运行时数据),那么在程序开发中也存在这样的需求:比较简单的 ...
    
			
    2. 
						
  2. 条款24：如果所有的参数都需要类型转换，那么请为此采用non-member函数
			
    首先还是下面这个class; class Rational{ public: Rational(, ); int numurator() const; int denominator() const; ...
    
			
    3. 
						
  3. linux使用virtualenv构建虚拟环境，requirement.txt记录包版本
			
    virtualenv介绍: virtualenv把是一个把python应用隔离在一个虚拟环境中的工具.网上的例子较多,这里重点讲述怎么使用virtualenv来激活一个虚拟环境,并且记录虚拟环境中所依 ...
    
			
    4. 
						
  4. git合并分支与解决冲突
			
    前提: 当前开发的分支为feature/20161129_317606_algoplatform_1,由于feature/20161130_322574_tmstools_1分支有新内容,所以准备将f ...
    
			
    5. 
						
  5. java调用cmd执行maven命令
			
    一.原理介绍 Java的Runtime.getRuntime().exec(commandStr)可以调用执行cmd指令. cmd /c dir 是执行完dir命令后封闭命令窗口. cmd /k di ...
    
			
    6. 
						
  6. 再读《Java编程思想 》
			
    前段时间在豆瓣上无意间看到一个帖子"我为什么把thinking in java 读了10遍",是11年的帖子,下面评论至今,各种声音都有,不过大多数还是佩服和支持的.我个人来讲也是 ...
    
			
    7. 
						
  7. Android 进阶14：源码解读 Android 消息机制（ Message MessageQueue Handler Looper）
			
    不要心急,一点一点的进步才是最靠谱的. 读完本文你将了解: 前言 Message 如何获取一个消息 Messageobtain 消息的回收利用 MessageQueue MessageQueue 的属 ...
    
			
    8. 
						
  8. （六）java数据类型
			
      数据类型:决定了变量占据多大的空间,决定了变量存储什么类型的数据 整形: byte     1个字节 short    2个字节 int        4个字节 long     8个字节 浮点型 ...
    
			
    9. 
						
  9. notebook查找文件
			
    
			
    10. 
						
  10. loj #6136. 「2017 山东三轮集训 Day4」Left
			
    题目: 题解: 我们可以发现所有的交换器都是一个位置连接着下一层左侧的排序网络,另一个位置连着另一侧的排序网络. 而下一层是由两个更低阶的排序网络构成的. 两个网络互不干扰.所以我们可以通过第一行和最 ...
    
			
    11.