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开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
随机推荐
- 两个stack实现一个queue
package com.hzins.suanfa; import java.util.Stack; /** * 两个stack实现一个queue * @author Administrator * * ...
- poj-2420 A Star not a Tree?(模拟退火算法)
题目链接: A Star not a Tree? Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 5219 Accepte ...
- 基于v4l2 ffmpeg x264的视频远程监控(附上编译好的库文件)
说明:主要是基于ghostyu网友整理的< arm mini2440 基于v4l2 ffmpeg x264的视频远程监控>.自己做了一遍,遇到不少问题,就整理记录下来. 1.平台 硬件:a ...
- 立方体贴图(Cubemap)
http://blog.csdn.net/asdjy123/article/details/51190643 点击打开链接 好东西保存方便查看 立方体贴图(Cubemap) 原文 Cubemaps 作 ...
- ssh免密码登录配置方法，（图示加命令）
首先,说明一下我们要做的是,serverA 服务器的 usera 用户免密码登录 serverB 服务器的 userb用户. 我们先使用usera 登录 serverA 服务器 [root@serve ...
- android使用wcf接收上传图片视频文件
一.Android 权限配置文件: <?xml version="1.0" encoding="utf-8"?> <manifest xmln ...
- CentOS6和CentOS7服务开机启动
CentOS 6和CentOS 7都可以定义开机启动哪些服务,但CentOS 6的命令是chkconfig,CentOS 7是systemctl. 本文将介绍两种命令的实现方式. 一.CentOS 6 ...
- Vijos:P1098合唱队形
描述 N位同学站成一排,音乐老师要请其中的(N-K)位同学出列,使得剩下的K位同学排成合唱队形. 合唱队形是指这样的一种队形:设K位同学从左到右依次编号为1,2…,K,他们的身高分别为T1,T2,…, ...
- 没办法，SVD就讲的这么好
2)奇异值: 下面谈谈奇异值分解.特征值分解是一个提取矩阵特征很不错的方法,但是它只是对方阵而言的,在现实的世界中,我们看到的大部分矩阵都不是方阵,比如说有N个学生,每个学生有M科成绩,这样形成的一个 ...
- js中object、字符串与正则表达式的方法
对象 1.object.hasOwnProperty(name) 检测object是否包含一个名为name的属性,那么hasOwnProperty方法返回true,但是不包括其原型上的属性. 正则表达 ...