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数据,实现无刷新动态 ...
随机推荐
- MySQL常用配置和性能压力测试：MySQL系列之十五
一.MySQL常用配置 以下所有配置参数以32G内存的服务器为基 1.打开独立的表空间 innodb_file_per_table = 1 2.MySQL服务所允许的同时会话数的上限,默认为151,经 ...
- ElasticSearch 全文检索— ElasticSearch 安装部署
ElasticSearch 规划-集群规划 ElasticSearch 规划-集群规划 ElasticSearch 规划-用户规划 ElasticSearch 规划-目录规划 ElasticSearc ...
- 三节点Hadoop集群搭建
1. 基础环境搭建 新建3个CentOS6.5操作系统的虚拟机,命名(可自定)为masternode.slavenode1和slavenode2.该过程参考上一篇博文CentOS6.5安装配置详解 2 ...
- Python 为threading.Thread添加 terminate
import threading import inspect import ctypes def _async_raise(tid, exc_type): """rai ...
- 利用Java程序将字符串进行排序与拼接
1.初始生成字符串的代码程序: package com.map.test; import java.util.ArrayList; import java.util.Collections; impo ...
- SpringBoot | 第九章：Mybatis-plus的集成和使用
前言 本章节开始介绍数据访问方面的相关知识点.对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的.目前,绝大部分公司都选择MyBatis框架作为底层数据库持久化框 ...
- 用cookie实现记住密码
jsp-4 用cookie实现记住密码 这次就有点简单了 基本是jsp-3的代码但是有些修改 public void login(HttpServletRequest req, HttpServlet ...
- 前端-页面性能调试：Hiper
前端-页面性能调试:Hiper 我们写单页面应用,想看页面修改后性能变更其实挺繁琐的.有时想知道是「正优化」还是「负优化」只能靠手动刷新查看network.而Hiper很好解决了这一痛点(其实Hi ...
- 关于wav文件fft处理后x,y轴坐标数据的问题
1.关于横坐标的频率的最大值是采样频率,那么每个点对应的频率值就很好算了:f(n) = [Fs/(N/2)]*n (Fs是采样频率,常见的是44.1KHz(44100),N是采样点数,k表是第k个点 ...
- 读取java配置文件properties
java项目里很多参数都是写在配置文件properties上,如果需要读取的话,可以使用jdk里提供的Properties类进行处理. 具体写法如下: public class PropertiesC ...