ligerUI弹出框
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="background:none;" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>山东省公安厅技侦数据共享查询系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@include file="/WEB-INF/views/common/include/zfptForm_min.jsp" %>
<link href="${ctx}/static/lib/web/css/cf-all.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/jzys/css/table_style.css" />
<script src="${ctx}/static/lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/sundun.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/sundun.xfun.js" type="text/javascript"></script>
<script src="${ctx}/static/qbpt/bpm/js/bpm.common.js" type="text/javascript"></script>
<script src="${ctx}/static/qbpt/bpm/js/bsjzcx.js" type="text/javascript"></script>
<script type="text/javascript">
function closes(){
window.close();//关闭窗口
}
function tijiao(){
startWorkflow();
} function daying(){
window.open("http://localhost:8080/jzgx/upload/432451B4B0C8448EA7FFE9AA3A4784ACdesktop.ini");
}
</script>
</head>
<body>
<form id="processForm" action="${ctx}/bpm/common/startProcess.sd" method="post" enctype="multipart/form-data"> <div class="container"> <div class="title"> </div>
<table cellspacing="0" cellpadding="0">
<tr>
<td class="container_td1" >案件编号</td>
<td >
<input type="text" class="input01" id="ajbh" name="ajbh" onclick="openwin();" value="${bsjz.ajbh}"/>
</table> </body>
</html>
2.js代码：
function openwin(){
var url = urlpath + "bhjk/openTcc.sd?";
$.ligerDialog.open({
height: 400,
url: url,
width: 700,
name:'wintest4',
title:'案件信息列表',
isResize:true,
buttons: [
{ id:"queren",text: '确认', onclick: function (item, dialog)
{
var row = document.getElementById('wintest4').contentWindow.f_ok();
if(row != null && row != undefined){
var obj = row[0];
$("#jzgx_id").val(obj.id);
$("#ajbh").val(obj.ajbh);
$("#ajmc").val(obj.ajmc);
$("#ajlb").val(obj.ajlx);
$("#ajlbName").val(obj.ajlxName);
$("#jbaq").val(obj.jyaq);
//这里采用的是八进制 0110 = 72
if(obj.ajzt=='72'){
$("#ajzt").val(obj.ajztName);
}else if(obj.ajzt=='65'){
$("#ajzt").val(obj.ajztName);
}
}else{
alert("未选择数据");
return;
}
dialog.close();
}
},
{ id:"guanbi",text: '关闭', onclick: function (item, dialog) {dialog.close();}}
]
});
}
3.openTcc.sd 代码：
@RequestMapping(value = "/openTcc", method = RequestMethod.GET)
public ModelAndView openTcc(HttpServletRequest request) {
ModelAndView mv = new ModelAndView("jzgx/tcc");
return mv;
}
4.tcc jsp页面:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="background:none;" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>闭环信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@include file="/WEB-INF/views/common/include/zfptForm_min.jsp" %> <link href="${ctx}/static/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/static/lib/ligerUI/skins/ligerui-icons.css" rel="stylesheet" type="text/css" />
<link href="${ctx}/static/lib/web/css/web.css" rel="stylesheet" type="text/css" /> <script src="${ctx}/static/lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/plugins/ligerToolBar.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
<script src="${ctx}/static/lib/ligerUI/js/ligerui.min.js" type="text/javascript"></script>
<script type="text/javascript">
function closes(){
window.close();//关闭窗口
} var bhgrid;
$(function(){
var url = urlpath + "bhjk/getJson.sd?";
$.ajax({
type: "POST",
data:{},
url: url,
dataType:"json",
success: function(data){
var jsobj = eval('(' + data + ')');
if("操作成功！"==jsobj.message){
bhgrid = $("#bhgrid").ligerGrid({
columns:
[
{ display: '主键', name:'id', hide:'true'},
{ display: '状态', name:'ajzt', hide:'true'},
{ display: '类型', name:'ajlx', hide:'true'},
{ display: '行数', name:'rownum', hide:'true'},
{ display: '案件编号', name:'ajbh',width:'17%'},
{ display: '案件名称', name:'ajmc',width:'25%'},
{ display: '承办单位名称', name:'cbdw_mc',width:'17%'},
{ display: '承办人', name:'zbr_xm',width:'10%'},
{ display: '案件类型', name:'ajlxName',width:'10%'},
{ display: '案件状态', name:'ajztName',width:'10%'},
{ display: '简要案情', name:'jyaq', hide:'true'}
],
data: {Rows: jsobj.Rows},
dataAction: 'local',
pageSize:10,
pageSizeOptions: [10, 20, 30, 50],
Total:jsobj.Rows.length,
width: '100%',
height:'100%',
checkbox: true,
onDblClickRow:function (data, rowindex, rowobj) //表格双击带回
{
$(window.parent.document).find("input[id='ajmc']").val(data.ajmc);
$(window.parent.document).find("input[id='ajbh']").val(data.ajbh);
parent.$.ligerDialog.close();
$.ligerDialog.unmask();
}
});
}else{
$("#bhgrid").append("<p>"+jsobj.message+"</p>");
}
}
});
}); function f_ok(){
var g = $("#bhgrid").ligerGetGridManager();
var r=g.getCheckedRows();
if (r==undefined) {
$.ligerDialog.alert('请选择一行数据!');
return;
}else if(r.length > 1){
$.ligerDialog.alert('只能选择一行数据!');
return;
}else{
return r;
parent.$.ligerDialog.close();
}
parent.$.ligerDialog.close();
} </script>
</head>
<body>
<div id="bhgrid"></div> </body>
</html>
** 引入的样式比较多：
上传到了百度云：
链接：http://pan.baidu.com/s/1kVhZIzt 密码：tyxx
ligerUI弹出框的更多相关文章
- 关于Layer弹出框初探
layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,laye ...
- angularjs 弹出框 $modal
angularjs 弹出框 $modal 标签: angularjs 2015-11-04 09:50 8664人阅读 评论(1) 收藏 举报 分类: Angularjs(3) $modal只有一 ...
- 【代码笔记】iOS-自定义弹出框
代码: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. [s ...
- Android----消息弹出框
关于Android的知识,自从工作了就没有什么时间去总结学习过的知识,我个人比较喜欢学习后总结,今天就写一下关于android中消息弹出框的几种方式的简单示例,按照自己的思路写了一段,希望对和我一样在 ...
- bootstrap中popover.js(弹出框)使用总结+案例
bootstrap中popover.js(弹出框)使用总结+案例 *转载请注明出处: 作者:willingtolove: http://www.cnblogs.com/willingtolove/p/ ...
- div非弹出框半透明遮罩实现全屏幕遮盖css实现
IE浏览器下设置元素css背景为透明: background-color: rgb(0, 0, 0); filter: alpha(opacity=20); 非IE浏览器下设置元素css背景为透明: ...
- Visual Studio 打开解决方案后 弹出框显示 "正在打开文件..." 迟迟没反应 的解决方法
Visual Studio 打开解决方案后 弹出框显示 "正在打开文件...",任务管理器的devenv进程又很正常,不会显示"未响应". 而IDE的左下角有个 ...
- 使用jsonp跨域调用百度js实现搜索框智能提示，并实现鼠标和键盘对弹出框里候选词的操作【附源码】
项目中常常用到搜索,特别是导航类的网站.自己做关键字搜索不太现实,直接调用百度的是最好的选择.使用jquery.ajax的jsonp方法可以异域调用到百度的js并拿到返回值,当然$.getScript ...
- JS组件系列——Bootstrap寒冬暖身篇：弹出框和提示框效果以及代码展示
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
随机推荐
- (转)Java 调用 C++ （Java 调用 dll）
转自: http://www.cnblogs.com/baokang/p/4979243.html 因为要做点图形处理的项目,需要在Java中调用dll库,所以开发的第一步是研究了一下Java Jni ...
- windows 7下mingw+msys编译ffmpeg
windows 7下mingw+msys编译ffmpeg 1-->下载安装MingW,mingw-get-inst-20120426.exe http://sourceforge.ne ...
- Poj2656(水题)
一.Description Jinjin is a junior school student. Besides the classes in school, Jinjin's mother also ...
- hibernate 数据关联多对多
多对多,必须有一张关系表来维持关系 数据库student,teacher student_teacher 三张表 但是在pojo中只需要建立student和teacher两个类,除非关系表也代表某种业 ...
- BadImageFormatException，未能加载正确的程序集XXX的解决办法
BadImageFormatException,未能加载正确的程序集XXX的解决办法 IDE:VS2010 语言:C# 异常:System.BadImageFormatException,未能加载正确 ...
- mysql- 修改root密码的多种方法
MySQL修改root密码的多种方法 方法1: 用SET PASSWORD命令 mysql -u root mysql> SET PASSWORD FOR 'root'@'localhost' ...
- Flask06 地址约定、利用falsk提供的方法渲染模板
1 访问地址约定 在访问路径的末尾是否需要加 / -> 可以加,也可以不加 前端的访问路径必须和后端的路径完全匹配才能够访问成功,如果我们在后台的路径都是以 / 结尾,但是我们的访问路径是没有以 ...
- redis 有用 Sorted-Set 应用场景
1.1.1Set数据类型的 使用场景 1.可以使用Redis的Set数据类型跟踪一些唯一性数据,比如访问某一博客的唯一IP地址信息.对于此场景,我们仅需在每次访问该博客时将访问者的IP存入Redis中 ...
- 树莓派 Learning 002 装机后必要的操作 --- 10 实现本地电脑与远程桌面之间复制粘贴（传输）文件
树莓派 装机后必要的操作 - 实现本地电脑与远程桌面之间复制粘贴(传输)文件 我的树莓派型号:Raspberry Pi 2 Model B V1.1 装机系统:NOOBS v1.9.2 PC端系统:w ...
- 菜鸟大充电啦啦啦啦啦：eclipse SDK 是什么啊
为什么下载是,没有单独的ecipse呢,,总是eclipse-sdk呢 而且还很大几百兆 回复1: Eclipse有好多专用名称,例如Eclipse SDK等.先说一下SDK, Eclipse Pro ...