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开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
随机推荐
- python习题-产生8位随机密码要包含大小写及数字
# 1.写一个产生密码的程序,# 输入次数,输入多少次就产生多少条数据,# 要求密码必须包含大写字母.小写字母和数字,长度8位,不能重复 #需求分析#1.循环,输入什么就循环多少次#2.随机来取值,是 ...
- codeforces 631C C. Report
C. Report time limit per test 2 seconds memory limit per test 256 megabytes input standard input out ...
- 【leetcode刷题笔记】Recover Binary Search Tree
Two elements of a binary search tree (BST) are swapped by mistake. Recover the tree without changing ...
- gulp安装简介
1 全局安装gulp:npm install -g gulp 2 在项目根目录中,安装项目的开发依赖:npm install --save-dev gulp 2.1 根据gulpfile.js中的依赖 ...
- zabbix 系列 （1）安装
安装server http://blog.csdn.net/xiegh2014/article/details/54988548 安装 agent http://m.blog.csdn.net/wu2 ...
- .net 缓存之应用程序数据缓存
CaCheHelp类中代码如下: #region 根据键从缓存中读取保持的数据 /// <summary> /// 根据键从缓存中读取保持的数据 /// </summary> ...
- ANDROID开发中资源文件和资源ID是如何映射的
http://tweetyf.org/2013/02/mapping_between_res_resid_android.html
- UGUI解决嵌套使用多个ScrollRect时的Drag拖动冲突问题
很简单,直接看代码: using UnityEngine.UI; using UnityEngine.EventSystems; using UnityEngine; /// <summary& ...
- 面试题: mysql数据库 已看1 简单的sql练习
数据库总结--MySQL常见面试题 2015年03月24日 17:56:06 阅读数:7787 1.根据部门号从高到低,工资从低到高列出员工的信息 select * from employee ord ...
- 《精通Spring4.X企业应用开发实战》读后感第六章（国际化）