JSP 用JS做到任意显示删除，随心所欲。

xiangjinqi

浏览: 168969 次
性别:
来自: 武汉

最近访客更多访客>>

babyxingqing

为了ta

jxjyzzc

无缘高富帅

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

JSP jQuery UI CSS JavaScript

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../../include/mytaglib.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>增加商品组</title>
<link rel="shortcut icon" href="<%=request.getContextPath()%>/img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/blueprint/admin.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/pis/pis.css" />
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/pis/new_screen.css" media="screen, projection">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/pis/new_typography.css" media="screen, projection">

	<link rel="stylesheet" href="<%=request.getContextPath()%>/jqueryUI/themes/base/jquery.ui.all.css">
	
 	<style type="text/css">
	tr {height: 20px;}
	th {	background: #0066FF;color: #FFFFFF;line-height: 20px;height: 20px;}
	td {	white-space: nowrap;border-bottom: 1px solid #95bce2;vertical-align: top;height: 20px;	}
	tr.alt td{ background: #ecf6fc;	}
	tr.over td{ background: #bcd4ec; }
	</style>		
<script type="text/javascript" src="<%=request.getContextPath()%>/js/datatable/jquery.js"></script>

<script src="<%=request.getContextPath()%>/jqueryUI/external/jquery.bgiframe-2.1.2.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.core.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.widget.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.mouse.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.button.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.draggable.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.position.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.resizable.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.ui.dialog.js"></script>
<script src="<%=request.getContextPath()%>/jqueryUI/ui/jquery.effects.core.js"></script>
<script src="<%=request.getContextPath()%>/js/page/regex.js"></script>

<script type="text/javascript" src="<%=request.getContextPath()%>/js/jsdate/jsdate.js"></script>
<script language="javascript">

$(function() {
	$( "#save-btn" ).button().click(function() {
		if( validate(0)){
		//ajax提交
		var params = initFCParams();
		params = params + initLocalParams();
		//alert(params);
		var openURL = "<%=request.getContextPath()%>/product/productGroupManagement_saveTProductGroup.do" ;
		$.ajaxSetup({cache:false});
		$.ajax( {
			"type": "POST", 
			"url": openURL, 
			"dataType": "text",
			"data":  (params) , 
			"success": function(oRequest) {
				callbackF(oRequest);
			}
		});	
		}else{
			return false;
		}
	});	
	$( "#cancel-btn" ).button().click(function() {
		window.location.href = "<%=request.getContextPath()%>/webpage/productgroupmanagement/pro_group_mange.jsp";
	});

});	

function initLocalParams(){
	var localParams = "";
	localParams = localParams 
					+ "&tpgDTO.id=" + $("#tpgDTOId").val()
					+ "&tpgDTO.groupName=" + $("#groupName").val() 
					+ "&tpgDTO.remark=" + $("#remark").val() ;
	return localParams;
}

function callbackF(oRequest){
	alert("保存成功!");
	$( "#cancel-btn" ).button().click();
}
</script>
</head>
<body>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
<input id="xxx" type="hidden" /><input id="yyy" type="hidden" />
 <div class="pis_width" >
     <!-- head begin -->
     <jsp:include page="../../include/head_top.jsp" />
     <!-- head end -->
     <!-- left begin -->
     <jsp:include page="../../include/left_menu.jsp" />     
     <!-- left end -->

     <!-- content begin -->
     <div class="pis_content">
     <div><font color="red"><b>您的位置：系统管理 > 商品组管理> <s:if test="tpgDTO.id > 0">修改</s:if><s:else>增加</s:else>商品组信息</b></font></div>
	</br>
	<%--
	<h2 style="font-size: 16px;font-weight: bold;">增加商品组---><font color="red">增加商品组信息</font>--->增加筛选条件--->查看搜索商品组结果</h2>
	 --%>
<s:form id="theContentForm" action="productGroupManagement_saveTProductGroup" method="post" namespace="/product">
<input id="tpgDTOId" type="hidden" name="tpgDTO.id" value="<s:property value="tpgDTO.id"/>"/>
<table width="600" border="0" cellpadding="0" cellspacing="1">
	<tr>
		<td>商品组名称：</td>
		<td><input type="text" max ="20" min ="5" datatype="normal" owntxt="商品组名称" ifnull="notnull" id="groupName" name="tpgDTO.groupName"
		 class="text ui-widget-content ui-corner-all" style="width: 400px;" value="<s:property value="tpgDTO.groupName"/>" onmousemove="seashowtip('groupName',1,160)" onmouseout="seashowtip('groupName',0,160)"/>
		</td>
	</tr>
	<tr>
		<td>备注</td>
		<td><input type="text" max = "300" min = "3" datatype="normal" owntxt="备注" ifnull="cannull" id="remark" name="tpgDTO.remark" 
		class="text ui-widget-content ui-corner-all" style="width: 400px;" value="<s:property value="tpgDTO.remark"/>" onmousemove="seashowtip('remark',1,160)" onmouseout="seashowtip('remark',0,160)"/>
		</td>
	</tr>
	
	<tr>
		<td>范围</td>
		<td><button id="show-filtercond-btn" style="font-size: 90%;">制定筛选条件</button></td>
	</tr>
</table>
</s:form>


<%--隐藏的筛选条件展示页面 --%>
<div>
<jsp:include page="../../filtercond/filtercond.jsp" />
</div>
<div id="errTips"></div>
<div style="font-size: 85%;"><button id="save-btn">保存</button>  <button id="cancel-btn">取消</button></div>
</div>
</div>
<%--隐藏的筛选条件的值 ，为了回显--%>
<div id="hideGroupFCDiv" style="display: none;">
	<span id="localCategoryIds2"><s:property value="tpgDTO.categroyId2"/></span>
	<span id="localCategoryIds3"><s:property value="tpgDTO.categroyId3"/></span>
	<span id="localCategoryIds4"><s:property value="tpgDTO.categroyId4"/></span>
	<span id="otherSiteIds"><s:property value="tpgDTO.otherSiteIds"/></span>
	<span id="otherConds"> 
		<s:iterator value="groupCondDTOs" id="gpFCData" >
			<input name="remainConds" ownid2="<s:property value="#gpFCData.filterId"/>" ownloworup2="<s:property value="#gpFCData.lowerOrUper"/>" value="<s:property value="#gpFCData.columnValue"/>"  />	
		</s:iterator>
	</span>
</div>
</body>
</html>

附件有效果图