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开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
随机推荐
- Linux-MySQL主从配置
1. MySQL主从原理以及应用场景MySQL的Replication原理非常简单,总结一下:每个从仅可以设置一个主.主在执行sql之后,记录二进制log文件(bin-log).从连接主,并从主获取b ...
- Dedecms丨显示指定的导航栏
代码实例: {dede:channelartlist type='top' typeid='9,12,10' row='3' orderby='sortrank'}<li><a hr ...
- 关于from..import 与import导入模块问题
问题来源:导入PyQt5里面的模块时老是出错 1.from PyQt5 import QtWidgets.QApplication,QtWidgets.QtDialog #出错2.from PyQt5 ...
- Code Chef - Chef and Graph Queries
传送门 题目大意 给定一个$n$个点$m$条边的无向图$(n,m\leq 200000)$. 有$q$每次询问$(q\leq 200000)$,每次给定一个区间$L,R$,求仅保留编号$\in[L,R ...
- C++中getline的用法
在看紫皮书的时候看到getline,然后查了查具体用法,记录下来. #include"iostream" #include"string" using name ...
- BZOJ4695：最假女选手
浅谈区间最值操作和历史最值问题:https://www.cnblogs.com/AKMer/p/10225100.html 题目传送门:https://lydsy.com/JudgeOnline/pr ...
- HTTP之cookie技术
Cookie由变量名和值组成, 其属性中既有标准的Cookie变量, 也有用户自己创建的变量,属性中变量是用"变量=值"形式来保存 Cookie格式如下: Set-Cookie: ...
- ansible一键部署LAMP
一.实现ansible跟节点间无密码访问,不会配置的请看 文章 . 二.创建目录 $ mkdir -p playbooks/{files,templates} 三.创建php测试文件index.p ...
- fdisk查看硬盘分区表
fdisk [选项] <磁盘> 更改分区表 fdisk [选项] -l <磁盘> 列出分区表 fdisk -s <分区> 给出分区大小(块数) ...
- nfs(Network FileSystem)的简单配置
如果想要在window和linux之间共享文件,那么用samba.如果仅仅想在Unix like系统之间共享文件,那么可以用NFS. 这篇文章分为两个部分,第一部分只是简单的用:照着写的步骤一步步来就 ...