关键词:
如图所示,点击新增,弹出如图的弹出框,点击取消不保存页面信息,点击确定保存页面信息
在前台页面添加一个标签,任何都可以
<div class="btn btn-default" id="divadd">新增</div>
写弹出框页面
<div id="popup_overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #8FB0D1; -moz-opacity: 0.8; opacity: 0.8; z-index: 1001; filter: alpha(opacity=40); background: rgb(0, 0, 0); opacity: 0.5;"></div>
<div id="popup_container" style="display: none; position: fixed; z-index: 99999; padding: 0px; margin: 0px; min-width: 600px; max-width: 600px; top: 50px; left: 454.5px;">
<br />
<h1 id="popup_title" style="font-size: 20px;">信息</h1>
<div id="popup_content" class="confirm" style="margin-top: 0px;">
<div id="popup_message">
<div style="width: 500px;">
<hr style="margin: 10px 0;" />
<div id="divswitchinfo" style="margin-bottom: 8px;"></div>
<div style="height: 300px; width: 450px;" id="diviframe">
<div id="divContract">
<div id="pContract">
合同名称:<font color="red">*</font><input type="text" value="" id="txtContractName" style="width: 360px"><br />
起始时间:<font color="red">*</font><input type="text" value="" id="txtCStartTime" style="width: 150px" onfocus="WdatePicker( el: 'txtCStartTime' )">-
<input type="text" value="" id="txtCEndTime" onfocus="WdatePicker( el: 'txtCEndTime' )" style="width: 150px"><br />
合同附件:
<asp:FileUpload ID="fileID" runat="server" />
</div>
</div>
<input type="button" id="btnAdd" value='新增' />
<input type="hidden" id="hidValue" runat="server" />
<div id="UDFBlock">
<p id="udf_template">
      人数<font color="red">*</font>:
<input type="text" value="" tag="txtNum01" style="width: 90px"><X≤
<input type="text" value="" tag="txtNum02" style="width: 84px">
比例:<input type="text" value="" tag="txtPercent" style="width: 86px">%
<a class="UDF_Delete" style="cursor: pointer">删除</a>
</p>
</div>
</div>
</div>
</div>
<div id="popup_panel" style="clear: both">
<input type="button" class="btn btn-default" value=" 确定 " id="popup_ok2" />
<input type="button" class="btn btn-default" value=" 取消 " id="popup_cancel2" />
</div>
</div>
</div>
通过jQuery控制显示或隐藏
$(function ()
//显示DIV
$("#divadd").click(function ()
var hid = $("#hidValue").val();
if (hid == "")
alert("请先提交信息再新增");
return;
else
$("#popup_container").show();
$("#popup_overlay").show();
);
//弹窗取消按钮
$("#popup_cancel2").click(function ()
$("#popup_container").hide();
$("#popup_overlay").hide();
);
$("#popup_ok2").click(function ()
$("#popup_container").hide();
$("#popup_overlay").hide();
var keys = $("[tag='txtNum01']"),
values = $("[tag='txtNum02']"),
precent = $("[tag='txtPercent']"),
len = keys.length,
result = [],
txt = "";
for (var i = 0; i < len; i++)
txt += keys.eq(i).val() + "," + values.eq(i).val() + "," + precent.eq(i).val() + ";";
var contractName = $("#txtContractName").val();
var hid = $("#hidValue").val();
var startTime = $("#txtCStartTime").val();
var endTime = $("#txtCEndTime").val();
// var pic = $("#HiddenField2").val();
var fileUpload = $("#fileID").get(0);
var files = fileUpload.files;
//IE8以及以上浏览器
var data = new FormData();
for (var i = 0; i < files.length; i++)
data.append(files[i].name, files[i]);
data.append("txt", txt);
data.append("contractName", contractName);
data.append("hid", hid);
data.append("startTime", startTime);
data.append("endTime", endTime);
$.ajax(
//url: "AgentEditSP.aspx/GetData",
url: "../Handler/FileAll.ashx",
type: "Post",
//data: "'txt':'" + txt + "','contractName':'" + contractName + "','hid':'" + hid + "','startTime':'" + startTime + "','endTime':'" + endTime + "','pic':'" + pic + "'",
data:data,
contentType: false,
processData: false,
success: function (data)
alert("操作成功");
location.href = location.href;
,
error: function (err)
alert(err);
);
);
);
这个是点击新增添加新的代理的代码
<script type="text/javascript">
$(function ()
$("#btnAdd").click(HandleUDFProperty);
function HandleUDFProperty()
if ($("[tag='txtNum01']").size() < 7)
$("#udf_template").clone().find(":text").val("").end().find("a").click(function () $(this).parents('p').remove(); ).end().appendTo($("#UDFBlock"));
);
</script>
这个是一般处理程序
public void ProcessRequest(HttpContext context)
var txt = context.Request["txt"];
var contractName = context.Request["contractName"];
var hid = context.Request["hid"];
var startTime = context.Request["startTime"];
var endTime = context.Request["endTime"];
var pic = "";
if (context.Request.Files.Count>0)
var filenames = "";
HttpFileCollection files = context.Request.Files;
for (int i = 0; i < files.Count; i++)
HttpPostedFile file = files[i];
filenames =file.FileName;
pic = filenames;
string fname = context.Server.MapPath("~/Content/Exploitation/" + file.FileName);
file.SaveAs(fname);
// 向ContractDetailSP表插入数据
if (!string.IsNullOrEmpty(txt) && !string.IsNullOrEmpty(contractName) && !string.IsNullOrEmpty(startTime) && !string.IsNullOrEmpty(endTime))
if (IsExistAgentName(hid) == 0)//判断代理是否存在
Model.ContractDetailSP condSP = new Model.ContractDetailSP();
condSP.ZID = int.Parse(hid);
condSP.Name = GetAgentName(hid);
condSP.ParentId = -1;
var insertTableName = DB.Context.Insert<Model.ContractDetailSP>(condSP);
if (IsExistContractID(IsExistAgentName(hid), contractName) == 0)//判断合同是否存在
Model.ContractDetailSP condSP = new Model.ContractDetailSP();
condSP.Name = contractName;
condSP.StartTime = DateTime.Parse(startTime);
condSP.EndTime = DateTime.Parse(endTime);
condSP.ParentId = IsExistAgentName(hid);
condSP.ContractPic = pic;
var insertTableName = DB.Context.Insert<Model.ContractDetailSP>(condSP);
string[] strrList = txt.Split(';');
foreach (var item in strrList)
string[] templist = item.Split(',');
if (templist.Length > 1)
Model.ContractDetailSP condSP = new Model.ContractDetailSP();
condSP.Num1 = int.Parse(templist[0].ToString());
condSP.Num2 = int.Parse(templist[1].ToString());
condSP.PercentNum = decimal.Parse(templist[2].ToString());
condSP.ParentId = IsExistContractID(IsExistAgentName(hid), contractName);
var insertTableNum = DB.Context.Insert<Model.ContractDetailSP>(condSP);
context.Response.ContentType = "text/plain";
context.Response.Write("ok");
else
//return "请填写完必填项";
context.Response.Write("notall");
public bool IsReusable
get
return false;
private static int IsExistAgentName(string agendID)
//select id from ContractDetailSP where AgentID=2123
int str = 0;
var isexist = DB.Context.From<Model.ContractDetailSP>()
.Select(a => a.Id)
.Where(a => a.ZID == int.Parse(agendID)).ToList();
if (isexist.Count < 1)
str = 0;
else
foreach (var item in isexist)
str = item.Id;
return str;
private static int IsExistContractID(int id, string contractName)
//select id from ContractDetailSP where ParentId='' and Name=''
int str = 0;
var isexist = DB.Context.From<Model.ContractDetailSP>()
.Select(a => a.Id)
.Where(a => a.ParentId == id && a.Name == contractName).ToList();
if (isexist.Count < 1)
str = 0;
else
foreach (var item in isexist)
str = item.Id;
return str;
private static string GetAgentName(string hid)
//select name,* from tblAgent
string str = string.Empty;
var agent = DB.Context.From<Model.tblAgent>().Select(a => a.name)
.Where(a => a.AgentID == int.Parse(hid)).ToList();
foreach (var item in agent)
str = item.name;
return str;
appium问题四的解决办法(模拟器打开的页面弹出框与脚本打开页面的弹出框不一致)
...化练习的时候,发现一个问题。问题描述:用模拟器打开页面的弹出框与跑脚本打开的页面弹出框不一样。模拟器打开的弹出框: 解决办法:因为跑脚本的页面是无法在automatorviewer中定位的。所以:只能在跑脚本的时候... 查看详情
inputfile弹出框选择文件后缀限制(代码片段)
在页面选择文件时的弹出框默认显示的是所有类型的文件,有时候文件太多不好选择,我们就要过滤掉不想展示的文件,这是需要用到input的accept属性,只有在type="file"才有效菜鸟教程:https://www.runoob.com/tags/att-input-accept.html网友... 查看详情
bootstrap方法为页面添加一个弹出框
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例-弹出框(Popover)插件</title><linkrel="stylesheet"href="https://cdn.static.runoob.com/libs/bootstrap/3 查看详情
弹出框滑动,底部不跟着滑动
弹出框里有滚动条,并且页面也有滚动条时,在弹出框内滑动时底部页面也会跟着滑动,试了下当弹出框出现时加上$(‘body‘).css({‘height‘,‘100%‘,‘overflow‘,‘hidden‘});不起作用,后来在弹出框上加上以下代码便起作用了。$(... 查看详情
layui弹出框怎么重新让父页面分页
参考技术A啊我提交完数据关闭弹层 查看详情
vue弹出框组件关闭并销毁
...,弹出框里面还使用了其他的组件。步骤一:第一次打开页面,打开弹出框,一切正常。关掉弹出框,再打开,还是正常。步骤二:打开别的菜单,别的菜单正常显示步骤三:重复步骤一的操作,此时弹出框不再正常。我就怀疑... 查看详情
iframe中嵌入弹出框问题
...1》我们要找到iframe的父级,然后从父级入手找到主入口页面,把要调用的模态框写在主文件中,然后在当前的页面中调用,window.parent.$(‘#myModal‘).modal(‘show‘); 查看详情
在显示将 isModalInPresentation 设置为 true 的页面后,无法正常关闭弹出框
】在显示将isModalInPresentation设置为true的页面后,无法正常关闭弹出框【英文标题】:Can’tdismissapopovernormallyafteritpresentsapagesheetwithisModalInPresentationsettotrue【发布时间】:2019-10-1816:06:43【问题描述】:我们有一个显示为弹出框的视... 查看详情
页面自动化时安全证书弹出框的问题。
...用户可以在其他系统通过调接口的方式并发完成多个系统页面的自动化,这个问题是不得不解决了。幸好已 查看详情
如何创建一个仅显示 1 次的弹出框
...出窗口。但是这里有一个问题,当我在访问了网站的其他页面后回到主页时,页面再次加载,并且再次显示弹出窗口。我希望弹出窗口只显示1次,即使您重新加载了页面。喜欢这个网站“https://www.livpuresleep.com 查看详情
pos开发问题-多个弹出框的实现
业务场景如下图:页面出现提示框: 点击确定,隐藏上面的弹出框, 继续弹出提示: 点击确定隐藏上面的弹出框,继续弹出下面提示: 点击确定隐藏上面的弹出框,继续... 查看详情
在页面上点击按钮,出现弹出框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><t 查看详情
jquery连接html页面做一个弹出框输入
...弹出一个身份验证,前端jq实现代码:art.dialog.open(‘html页面连接地址‘,{ title: ‘身份验证‘, cancelVal: ‘关闭‘, okVal: ‘提交‘, widt 查看详情
vue+elementui页面弹出框
参考技术A用vue+elementui写后台时,实现页面间弹出框的form表单,使用父子组件间传值父组件向子组件传值,父组件向子组件传值是通过props传递的子组件向父组件改变值时,通过$emit改变父组件中importExitProductCreatefrom'../dialog/ExistP... 查看详情
aspmvc后台控制器弹出框提示
1.提示框点击确定后页面变成空白页面return Content("<script>alert(‘请先登录‘);</script>"); 2.提示框点击确定后页面变成你想要的页面(如实原页面怎会刷新一下)return Content("<script>alert(‘请先登录‘);window.lo... 查看详情
pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下
项目场景:正常页面右侧显示弹出框以及遮罩层出现之后显示原因分析:遮罩层出现之后body加了一个padding解决方案:发现问题就能解决问题了:在公用样式里给body加一个样式padding:0!important;即可解决 查看详情
弹出框页面居中显示的两种方法
原文地址:http://blog.csdn.net/chueia/article/details/68927501 第一种:position:fixed;top:0;right:0;left:0;bottom:0;margin:auto;//height:30%; 这种方法在元素的宽高不固定时会全屏拉伸元素,在高度不固定靠子元素撑开自适应的情况下不适用... 查看详情
弹出框popover.js
...的data编程接口(dataapi)是必须要手动初始化的。在一个页面上一次性 查看详情