popup功能

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功能的更多相关文章

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

随机推荐

L129
Iraq Sees Spike in Water-Borne IllnessesIraqi health officials say that a health crisis stemming fro ...
高性能高并发服务器架构设计探究——以flamigo服务器代码为例
这篇文章我们将介绍服务器的开发,并从多个方面探究如何开发一款高性能高并发的服务器程序. 所谓高性能就是服务器能流畅地处理各个客户端的连接并尽量低延迟地应答客户端的请求:所谓高并发,指的是服务器可以同时 ...
Leetcode 890. Find and Replace Pattern
把pattern映射到数字,也就是把pattern标准化. 比如abb和cdd如果都能标准化为011,那么就是同构的. class Solution: def findAndReplacePatter ...
测试中认识 sqlite
1.SQLite,是一款轻型的数据库:简单, 轻松的API 单词速记中单词离线包也用到sqlite 百度了一下,基本的使用语句: .help .quit sqlite3 testDB.db 在当前目录 ...
【MFC】断言（ASSERT)的用法
摘自:Moondark http://www.cnblogs.com/moondark/archive/2012/03/12/2392315.html 断言(ASSERT)的用法我一直以为as ...
关于使用modelsim的一点感想
使用modelsim的过程中工程结构是这样的 testbench中例化了一个模块a,模块a中调用了模块b,中间模块a在其他工程中用了一下,改了模块名字,同时内容也稍微修改了一下,用完之后复制回来覆盖了 ...
fn project 打包Function
Option 1 (recommended): Use the fn cli tool We recommend using the fn cli tool which will handle a ...
oracle truncate闪回数据库恢复
1.创建试验表 conn scott/tiger create table truncate_test as select * from user_objects; select count(*) f ...
winSCP连接FTP没有上传的权限
错误: 原因: ftp用户为 1)查看ubantu中FTP文件夹目录所有者及权限,发现ftpName用户对FTP文件夹的权限为 “r-x” ,仅有读,执行权限 2) chmod o=rwx ftp ...
int 和 Integer 有什么区别
原文地址:https://blog.csdn.net/chenliguan/article/details/53888018 1 int与Integer的基本使用对比 (1)Integer是int的包 ...

popup功能

popup功能的更多相关文章

随机推荐

热门专题