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数据,实现无刷新动态 ...
随机推荐
- 微信小程序-修改单选框和复选框大小的方法
方法有两种: 一:采用css的zoom属性 zoom缩放会将元素保持在左上角,并且会有毛边,可能会稍稍改变元素原来的形状. 二:采用css3的transform:scale属性 zoom缩放会将元素保 ...
- C++之struct
C++的struct对C做和很多补充,里面可以放函数(构造函数和虚函数),也可以同struct和class的继承,在C++中也完全可以替代class.他们之间的主要区别: 1 calss默认是私有继承 ...
- 2 - Bootstrap-引导类-Bootstrap/ServerBootstrap
2.1 ChannelOption和属性 //设置属性 bootstrap.option("xxx", 1231231); bootstrap.attr("xxx&quo ...
- java CyclicBarrier同步屏障
CyclicBarrier的字面意思是可循环使用的屏障,它的主要作用是,让一组线程到达一个屏障时被阻塞,知道最后一个线程到达屏障时,屏障才会打开,所有被屏障拦截的线程才会继续运行. 1.简介: Cyc ...
- 工作经验（JNI篇）
我的工作是C++开发,主要是做底层的,由于要做跨平台的原因,常会做成JNI给Java调用,下面是工作时总结的经验希望有用 JNI只能使用C语言的方式编译,所以,要使用C++的话,要用 extern & ...
- SpringBoot | 第零章：前言
缘起 前段时间公司领导叫编写一两课关于springboot的基础知识培训课程,说实话,也是今年年初才开始接触了SpringBoot这个脚手架,使用了之后才发现打开了一个新世界.再之后也没有一些系统的学 ...
- C 碎片八 结构体&枚举&联合
一.结构体 1, 结构体定义 结构体类型的定义:任意数据类型变量的集合.用于描述一个具体的事物的信息,在C语言中描述一件事物一般都是用结构体 声明结构体类型的格式: struct 结构体名 {成员列 ...
- ssm（Spring、Springmvc、Mybatis）实战之淘淘商城-第十二天(非原创）
文章大纲 一.课程介绍二.Ngnix基础知识学习三.Ngnix在淘淘商城中使用四.参考资料下载五.参考文章 一.课程介绍 一共14天课程(1)第一天:电商行业的背景.淘淘商城的介绍.搭建项目工程.Sv ...
- hibernate课程 初探单表映射2-2 hibernate常用配置
1 hibernate.cfg.xml常用配置: show_sql 控制台打印sql format_sql 控制台将sql排版 hbm2ddl.auto: create 删除表结构,重新建表并插值 u ...
- js的内联和外部调用
如上代码(实现轮播图的部分代码),若以内联形式写在html里,就不会出现异常.但是如果放在外部js文件中,并在html的head中调用,就会出现异常(不报错,但是轮播逻辑出现异常). 解决:不使用全局 ...