Struts动态联动效果
<%@page contentType="text/html;charset=utf-8"%>
<%@ include file="../../common/include.jsp"%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="<%=ctx %>/common/css/mainStyle.css"type="text/css" />
<script type="text/javascript" src="<%=ctx %>/common/jquery/jquery-1.4.2.min.js"></script>
<script type='text/javascript' src='<%=ctx %>/common/js/common.js'></script>
<script type="text/javascript" src="<%=ctx %>/common/js/steppage.js"></script>
<script type="text/javascript" src="<%=ctx %>/common/js/xjValidate.js"></script>
<script type="text/javascript" src="<%=ctx %>/common/My97DatePicker/WdatePicker.js"></script>
</head>
<body>
<form action="<%=ctx %>/user!add.action" name="form" id="infoForm" method="post" >
<input type="hidden" value="${lzuser.lzUsersId}" name="lzuser.lzUsersId"/>
<table width="100%" style="margin-bottom: 20px;">
<tr class="h_bt" >
<td colspan="8">
<span>添加用户</span>
</td>
</tr>
<tr>
<td class="nowrap">用户名</td>
<td class="left">
<input type="text" name="lzuser.lzUsersName" value="${lzuser.lzUsersName}" /><font color="#ff0000">*</font>
</td>
<td class="nowrap">密码</td>
<td class="left">
<input type="password" name="lzuser.lzUsersPass" value="${lzuser.lzUsersPass} " />
</td>
<td class="nowrap">姓名</td>
<td class="left">
<input type="text" name="lzuser.lzEmpName" value="${lzuser.lzEmpName}" />
</td>
<td class="nowrap">级别</td>
<td class="left" >
<select name="lzuser.lzV1" onchange="gsbm(this)">
<option value="">请选择</option>
<option value="1">局级</option>
<option value="2">公司</option>
<option value="3">部门</option>
</select>
</td>
</tr>
<tr> <td class="nowrap" id="a0" style="display: none;">公司</td>
<td class="left" id="a1" style="display: none;">
<s:select list="#select.queryGS()" name="lzComId1"
headerKey="---请选择---" headerValue="---请选择---" listKey="lzCompanyId" listValue="lzCompanyName" onchange="loadzw(this)"/>
</td>
<td class="nowrap" id="a2" style="display: none;">部门</td>
<td class="left" id="a3" style="display: none;">
<select id="ndjh" name="lzDepIdId" >
</select>
</td>
<td class="nowrap" id="b0" style="display: none;">公司</td>
<td class="left" id="b1" style="display: none;">
<s:select list="#select.queryGS()" name="lzComId"
headerKey="---请选择---" headerValue="---请选择---" listKey="lzCompanyId" listValue="lzCompanyName"/>
</td>
</tr>
<tr>
<td colspan="6" class="left"></td>
<td colspan="2" class="left">
<input type="button" class="btn_standard" name="sub" onclick="doSub()" value="提 交" />
<input type="reset" class="btn_standard" name="reset" value="重 置" />
</td>
</tr>
</table>
</form>
<div style="height:65% ">
<form name="delForm" action="" method="POST">
<table width="100%">
<tr>
<td width="5%" class="td_title">序号</td>
<td width="15%" class="td_title">用户名</td>
<td width="10%" class="td_title">姓名</td>
<td width="15%" class="td_title">公司</td>
<td width="10%" class="td_title">部门</td>
<td width="10%" class="td_title">岗位</td>
<td width="10%" class="td_title">操作</td>
</tr>
<s:iterator id="user" value="list" status="i">
<tr class="tabtd1" onMouseOver="this.style.background='#d2eefa'" onMouseOut="this.style.background=''">
<td class="center_align"><s:property value="#i.count"/></td>
<td class="center_align"><s:property value="#user.lzUsersName"/></td>
<td class="center_align"><s:property value="#user.lzEmpName"/></td>
<td class="center_align"><s:property value="#user.lzV3"/></td>
<td class="center_align"><s:property value="#user.lzV4"/></td>
<td class="center_align"><s:property value="#user.lzV4"/></td>
<td class="center_align">
<a href="javascript:userRole('<s:property value="#user.lzUsersId"/>')">[授权]</a>  
<a href="javascript:userJob('<s:property value="#user.lzUsersId"/>')">[岗位]</a>  
<a href="user!editShow.action?id=<s:property value="#user.lzUsersId"/>">修改</a>
<a href="user!Delete.action?id=<s:property value="#user.lzUsersId"/>">删除</a>
</td>
</tr>
</s:iterator>
</table>
</form>
</div>
<script language="javascript">
function loadzw(gs){
var url="<%=ctx%>/company!getDep.action?id="+gs.value;
$("#ndjh").load(url);
} function userRole(id){
ModelWindow("<%=ctx %>/open!GoUrl.action?path=user!userRolePage.action&id="+id,900,500);
} function userJob(id){
ModelWindow("<%=ctx %>/open!GoUrl.action?path=user!userJobPage.action&id="+id,500,270);
}
function doSub(){
var objarr = new Array(
["lzuser.lzUsersName","用户名","notEmpty",""],
//["lzuser.lzEmpName","角色名称","max","number:"+]
["lzuser.lzUsersPass","密码","notEmpty",""],
["lzuser.lzEmpName","姓名","notEmpty",""]
);
if(xj.CheckAll(objarr)){
if(confirm("确认提交用户信息？"))
document.form.submit();
}
}
function gsbm(x){
var y = x.value;
if(y==3){
$('#a0').css('display','block');
$('#a1').css('display','block');
$('#a2').css('display','block');
$('#a3').css('display','block');
$('#b0').css('display','none');
$('#b1').css('display','none');
}else if(y==2){
$('#b0').css('display','block');
$('#b1').css('display','block');
$('#a0').css('display','none');
$('#a1').css('display','none');
$('#a2').css('display','none');
$('#a3').css('display','none');
}else{
$('#a0').css('display','none');
$('#a1').css('display','none');
$('#a2').css('display','none');
$('#a3').css('display','none');
$('#b0').css('display','none');
$('#b1').css('display','none');
}
}
//-->
</script>
</body>
</html>
<p:page2 pageName="page" uri="/user!query.action"></p:page2>
Struts动态联动效果的更多相关文章
- 《DWZ笔记一》<select>动态联动菜单
联动菜单,即组合框Combo box,在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name ...
- 用echartsjs 实现动态绘制折线、柱状等图形，并实现多图联动效果
echarts对于大数据处理后绘制折线图,柱形图等等的效果和速度都很好.下面我们介绍 怎么把封装的数据列表解析出来,动态绘图,并且实现鼠标联动效果引入js文件: <script type=&qu ...
- Json 基于jQuery+JSON的省市联动效果
helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery JSON Ajax 省市联动 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...
- iOS 类似美团外卖 app 两个 tableView 联动效果实现
写在前面 首先声明哈,不是广告,我就是用的时候觉得这个功能比较好玩,就想着实现了一下.效果如图: 接下来简单的说一下思路吧~ 大体思路 可能我们看到这种功能的实现的时候,首先想着的是我在这个控制器中左 ...
- jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
一.插件介绍 最早做省市联动的时候都特别麻烦,后来在helloweba的一篇文章中看到这个插件,很不错的,后来就一直用了. 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最 ...
- JS省市区联动效果
省市区联动下拉效果在WEB中应用非常广泛,尤其在电商网站最为常见.一般使用Ajax实现无刷新下拉联动.利用jQuery,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 首先我们可以看 ...
- 实现外卖选餐时两级 tableView 联动效果
最近实现了下饿了么中选餐时两级tableView联动效果,先上效果图,大家感受一下: 下面说下具体实现步骤: 首先分解一下,实现这个需求主要是两点,一是点击左边tableView,同时滚动右边tabl ...
- 基于jQuery+JSON的省市县 二级 三级 联动效果
省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉 ...
- 基于jQuery+JSON的省市联动效果
省市区联动下拉效果在WEB应用中使用非常广泛,尤其在一些会员信息系统.电商网站最为常见,开发者一般使用AJAX实现无刷新下拉联动. 本文将讲述利用jQuery插件,通过读取JSON数据,实现无刷新动态 ...
随机推荐
- Git练习3 远程库分支 idea中状态条显示当前分支
- Jmeter 自动化测试报告扩展(转 Todo 需要修正)
首先了解下生成测试报告的过程,我们看到的测试报告是由.jtl格式转换为.html,html报告的样式由extras目录下xsl文件决定.优化测试报告需要分为两部分内容,首先我们要优化输出的测试内容,其 ...
- 零散的JS和node.js小知识
JS的连续赋值和曾经出现的怪异情况 let a=1; let b=a=3; 如上的真实赋值过程 => a=1 => a=3 => b=3 => 一般来说,等号是从右向左赋值的 ...
- BestCoder Round #86 1002
链接:http://acm.hdu.edu.cn/showproblem.php?pid=5805 题意:删除数列中一个数,找出相邻之差绝对值最大,求依次删除最大值的和 解法:删除边缘位置的数字需要注 ...
- 使用open live writer客户端写博客(亲测有效)
博客都开了这么久了,才开始将资料上传,但是每次都要登录网页确实很麻烦,所以就用open live writer,使用起来真的是挺方便的,所以将我在安装配置时,发现的问题汇总起来以便日后再次碰到忘记怎么 ...
- 约瑟夫问题（vector的使用)
题目大意:有n个人围坐在圆桌周围,每个人都有一个固定的编号. 从第s(<=n)个人开始报数(按照顺时针方向,从1开始),报到m的人出列,接着再从出列着的 下一个人开始报数(依然从1开始),报到m ...
- Java面向对象_继承——基本概念以及管理化妆品实例分析
一.继承的基本概念: 1.继承是面向对象三大特征之一 2.被继承的类成为父类(超类),继承父类的类成为子类(派生类) 3.继承是指一个对象直接使用另一个对象的属性和方法 4.通过继承可以实现代码重用 ...
- QT源码解析笔记
1. QT如何绘制控件的 QT的绘制控件在QStyleSheetStyle::DrawControl里面,这里会调用默认的QSS来绘制效果 2. 在设置一次QSS以后,将会触发polish事件,里面将 ...
- Oracle 取上周一到周末的sql
-- 这样取的是 在一周内第几天,是以周日为开始的 select to_char(to_date('20131005','yyyymmdd'),'d') from dual; --结果:7 注释:20 ...
- android打开文件、保存对话框、创建新文件夹对话框(转载)
转载地址:点击打开 这是一个简单的只有3个按钮的程序,3个按钮分别对应三种工作的模式(保存.打开和文件夹选择).封装的SimpleFileDialog.java的内容如下: package com.e ...