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数据,实现无刷新动态 ...
随机推荐
- 在Python中使用asyncio进行异步编程
对于来自JavaScript编码者来说,异步编程不是什么新东西,但对于Python开发者来说,async函数和future(类似JS的promise)可不是那么容易能理解的. Concurrency ...
- jmeter使用BeanShell Sampler测试自己写的java接口（一）
上次直接使用jmeter里面的FTPsampler没有连接成功 现在想着自己写java代码,通过jmeter进行调用进行连接测试实现并发 代码引文: http://www.cnblogs.com/ch ...
- 配置HEXO
软件介绍 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 使用版本和操作系统 官网最新版 Windo ...
- AOP注解方式
Aop, aspect object programming 面向切面编程 功能: 让关注点代码与业务代码分离! 关注点, 重复代码就叫做关注点: 切面, 关注点形成的类,就叫切面(类)! 面向切 ...
- 开源分布式Job系统,调度与业务分离-如何创建一个计划HttpJob任务
项目介绍: Hangfire:是一个开源的job调度系统,支持分布式JOB!! Hangfire.HttpJob 是我针对Hangfire开发的一个组件,该组件和Hangfire本身是独立的.可以独立 ...
- ElasticSearch java API-使用More like this实现基于内容的推荐
ElasticSearch java API-使用More like this实现基于内容的推荐 基于内容的推荐通常是给定一篇文档信息,然后给用户推荐与该文档相识的文档.Lucene的api中有实现查 ...
- setInterval 函数
间隔指定的毫秒数不停地执行指定的代码 setInterval函数参数 codes -- 代码段的字符串表示(与eval函数的参数相同),或者是匿名函数.函数名 interval -- 间隔的毫秒数 s ...
- 完美解决Android在listview添加checkbox实现单选多选操作问题
在Android某些开发需求当中,有时候需要在listveiw中加入checkbox实现单选,多选操作.表面上看上去只是改变checkbox那么简单,然而实际开发中,实现起来并不是那么得心应手.尤其当 ...
- Windows、Unix、Mac不同操作系统的换行问题-剖析回车符\r和换行符\n
转载链接:http://blog.csdn.net/tskyfree/article/details/8121951 一.概念: 换行符‘\n’和回车符‘\r’ (1)换行符就是另起一行 --- ' ...
- 自定义列表dl
语法格式 <dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... ...