<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地址管理</title>
<link href="${pageContext.request.contextPath}/css/sub.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/jquery1.71.min.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/subBase.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/OpenDiv1.js"></script>
<script type="text/javascript"
src="${pageContext.request.contextPath}/js/drag.js"></script>
<script type="text/javascript">
/*
页面装载时,为每个td增加单击事件,这样,就可以不用对每个页面进行更改。
*/
function ReWritable()
{
var tbmian=document.getElementById("tbmain");
for(var i=0;i<tbmain.rows.length;i++)
{
for(var j=0;j<tbmain.rows[i].cells.length;j++)
{
/*
添加单击事件属性。此处不可使用setAttribute方法。
*/
tbmain.rows[i].cells[j].οnclick=AddObjOfText;
}
}
}
/*
单击事件,将Td内容更新为一个Div,其中装载了一个Text,用于用户输入新的Td的值,
一个确定按钮,一个取消按钮,用于保存或取消用户的输入内容。
一个Hidden,保存用户输入新值前的Td的值,以便用户取消时恢复。
*/
function AddObjOfText()
{
var tdcag=document.getElementById("tdcag");
if(tdcag!=null)
{
return;
}
var tdid=window.event.srcElement;
var tdtxt=tdid.innerText;
var str="<div id='tdcag'><input type='text' id='txtId' value='"+tdtxt+"'>";
str+="<input type='button' value='确定' οnclick='ChangeTdText()'>";
str+="<input type='button' value='取消' οnclick='CancelTdChanged()'>";
str+="<input type='hidden' id='tdInitValue' value='"+tdtxt+"'>";
str+="</div>";
tdid.innerHTML=str;
}
/*
取消更改,把Hidden值赋给Td
*/
function CancelTdChanged()
{
var tdInitValue=document.getElementById("tdInitValue");
var tdtxt=tdInitValue.value;
var tdid=document.getElementById("tdcag").parentNode;
tdid.innerText=tdtxt;
}
/*
保存用户更改,把Text值赋值给Td
*/
function ChangeTdText()
{
var txtId=document.getElementById("txtId");
var tdid=document.getElementById("tdcag").parentNode;
tdid.innerText=txtId.value;
}
</script>
</head>
<body οnlοad="ReWritable();">
<div class='con_one'>
<form name="frm" id="frm" action="addressMgr.action" method="post">
<input type="hidden" id="currentPage" name="page.currentPage"
value="1" /> <input type="hidden" name="goods.commondityQty"
value="${goods.commondityQty}" />
<fieldset>
<legend>请输入查询条件</legend>
<table class="tableStyleTwo fieldsetTable" >
<tr>
<td class="tdL">地址名称:</td>
<td class="tdR"><s:textfield id="addressName" type="text"
class="textBase1" name="address.addressName" /></td>
<td class="tdL">联系人:</td>
<td class="tdR"><s:textfield id="conName" type="text"
class="textBase1" name="address.conName" /></td>
</tr>
<tr>
<td class="tdL">联系方式:</td>
<td class="tdR"><s:textfield id="phone" type="text"
class="textBase1" name="address.phone" /></td>
<td class="tdL">email:</td>
<td class="tdR"><s:textfield id="email" type="text"
class="textBase1" name="address.email" /></td>
</tr>
</table>
<div class="bts1">
<input type="submit" class="btn_base btn_search" value="搜索" />
<input type="reset" class="btn_base btn_reset"
value="重置" οnclick="clear();" /> <input type="button"
class="btn_base btn_reset" value="新增" οnclick="clear();" />
</div>
</fieldset>
<table class='tableStyleTwo tableList' id="tbmain">
<tr>
<td>序号</td>
<td>地址名称</td>
<td>联系人</td>
<td>联系方式</td>
<td>email</td>
<td>操作</td>
</tr>
<c:forEach items="${addressList}" var="address" varStatus="var">
<tr>
<td>${var.count}</td>
<td>${address.addressName}</td>
<td>${address.conName}</td>
<td>${address.phone}</td>
<td>${address.email}</td>
<td><a href="javascript:modify(${address.addressId})">修改</a>
<a href="javascript:modify(${address.addressId})">删除</a></td>
</tr>
</c:forEach>
</table>
<%@ include file="../P.inc"%>
</form>
</div>
</body>
</html>