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开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...
随机推荐
- AngularJS学习笔记(一) 关于MVVM和双向绑定
写在前面: 因为需要开始学习ng,之前在知乎上听大神们介绍ng的时候说这个坑如何的大,学了一阵(其实也就三天),感觉ng做的很大很全,在合适的情境你可以完全使用ng搞定一切.这一点从诸如jqLite之 ...
- java支付宝开发-00-资源帖
一.一些重要的官方文档 1.沙箱登录 2.沙箱环境使用说明 3.如何使用沙箱环境 4.当面付产品介绍 5.扫码支付接入指引 6.当面付快速接入 7.当面付接入必读 8.当面付进阶功能 9.当面付异步通 ...
- 详细详解One Hot编码-附代码
机器学习算法无法直接用于数据分类.数据分类必须转换为数字才能进一步进行. 在本教程中,你将发现如何将输入或输出的序列数据转换为一种热编码,以便于你在Python中深度学习的序列分类问题中使用.本教程分 ...
- 【leetcode刷题笔记】Palindrome Partitioning
Given a string s, partition s such that every substring of the partition is a palindrome. Return all ...
- noip2017列队（线段树）
维护一个方阵,支持 1.删掉一个点,剩下的点先向左看齐再向前看齐 2.询问一个位置上是哪个点 $n,m,q \leq 3 \times 10^5$ sol: 我们每行前$m-1$列维护一个线段树,最后 ...
- [Luogu3960][NOIP2017]列队
luogu sol 震惊!\(NOIP\)居然也出数据结构! 话说回来,其实只需要对每一行的前\(m-1\)个人维护一个数据结构,然后对最后一列的\(m\)个人也维护一个数据结构就好了.具体的话写平衡 ...
- BZOJ1799 [Ahoi2009]self 同类分布[数位DP]
求出[a,b]中各位数字之和能整除原数的数的个数. 有困难的一道题.被迫看了题解:枚举每一个各位数字的和($<=162$),设计状态$f[len][sum][rest]$表示dp后面$len$位 ...
- vue-router路由嵌套的使用
vue-router路由嵌套的使用,以及子路由中设置默认路由: 项目结构: 在/src/App.vue文件中: <template> <div id="app"& ...
- 快速排序的JavaScript实现
思想 分治的思想,将原始数组分为较小的数组(但没有像归并排序一样将它们分隔开). 主元选择: 从数组中任意选择一项作为主元,通常为数组的第一项,即arr[i]:或数组的中间项, arr[Math.fl ...
- python文件操作 seek(),tell()
seek():移动文件读取指针到指定位置 tell():返回文件读取指针的位置 seek()的三种模式: (1)f.seek(p,0) 移动当文件第p个字节处,绝对位置 (2)f.seek(p,1) ...