<%@page pageEncoding="utf-8"%>
<%@ include file="../base/tagslib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="<session:constant name="ContextPath"/>/js/jquery.tree.js"></script>
<script type="text/javascript">
$(function(){
$('#files').tree({
expanded: 'li:first'
});
});
function showItem(c,img){
img.src = "../images/icon-folder-open.gif";
//$(img).attr("onclick","hideItem('"+c+"',this);"); // 此方法IE8点击事件会失效 zhaochongli
img.onclick = function onclick(event) {
hideItem(c,this );
};
var list = $("." + c);
for(var i=0;i<list.length;i++){
//list[i].style.display='block'; 此方法火狐会错位 zhaochongli
$(list[i]).show();
}
}
function hideItem(c,img){
img.src = "../images/icon-folder.gif";
//$(img).attr("onclick","showItem('"+c+"',this);"); // 此方法IE8点击事件会失效 zhaochongli
img.onclick = function onclick(event) {
showItem(c,this );
};
$('#productstable tr').each(function () {
var classNme = this.className;
if(classNme != "" && classNme.indexOf(c) != -1){
//this.style.display='none';// 此方法火狐会错位 zhaochongli
$(this).hide();
if(classNme == c && classNme.split("_").length == 1){
var td = $(this).find('td').eq(1)[0];
var td_img = $(td).find("img")[0];
td_img.src = "../images/icon-folder.gif";
var args = td_img.outerHTML.split("'");
if(args[1] != undefined){
td_img.onclick = function onclick(event) {
showItem(args[1],this );
};
}
}
}
});
}
function test1(){
alert('点击收拢');
}
function test(){
$("#aaa").show();
}
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none; }
a,img{border:0;}
#files{
/**margin:100px auto;width:400px;*/
}
.tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;zoom: 1;}
.tree ul{margin-left:8px;}
.tree li a{color:#555;padding:.1em 7px .1em 27px;display:block;text-decoration:none;border:1px dashed #fff;background:url(../images/icon-file.gif) 5px 50% no-repeat;}
.tree li a.tree-parent{background:url(../images/icon-folder-open.gif) 5px 50% no-repeat;}
.tree li a.tree-parent-collapsed{background:url(../images/icon-folder.gif) 5px 50% no-repeat;}
.tree li a:hover,.tree li a.tree-parent:hover,.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{color:#000;border:1px solid#eee;background-color:#fafafa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.tree li a:focus,.tree li a.tree-parent:focus,.tree li a.tree-item-active{border:1px solid #e2f3fb;background-color:#f2fafd;}
.tree ul.tree-group-collapsed{display:none;}
#productstable {
border-left: 1px solid #d4e7f0;
border-right: 1px solid #d4e7f0;
border-top: 1px solid #d4e7f0;
border-colspan:colspan;
cellpadding : 0px;
cellspacing : 0px;
margin-left: 20px;
}
#productstable td {
border-bottom: 1px solid #d4e7f0;
border-left: 1px solid #d4e7f0;
}
</style>
</head>
<body>
<div align="left">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr height="25" style="text-align: center;" >
<td width="80" align="center" class="button">
<a href="<session:constant name='ContextPath'/>/special/editDeal.do?dealId=<c:out value="${dealId}"/>">Deal</a>
</td>
<td width="80" align="center" class="button">
<a href="<session:constant name='ContextPath'/>/special/salesReps.do?dealId=<c:out value="${dealId}"/>">Sales Reps</a>
</td>
<td width="80" align="center" class="button">
<a href="#">Resellers</a>
</td>
<td width="80" align="center" class="buttonCurrent">
<a href="<session:constant name='ContextPath'/>/special/products.do?dealId=<c:out value="${dealId}"/>">Products</a>
</td>
<td width="80" align="center" class="button">
<a href="#">Comments</a>
</td>
<td width="80" align="center" class="button">
<a href="#">EUV</a>
</td>
</tr>
<tr>
<td colspan="28" class="underline"> </td>
</tr>
</table>
<div style="margin: 20 0 10 20">
<form action="importProducts.do">
Import configuration <input type="file" size="10" class="input-text lh30" name="file"/>
<input type="submit" value="subimt" class="ext_btn"/>
</form>
</div>
<table id="productstable" >
<tr>
<td colspan="11" class="tableThead" >Product Details</td>
</tr>
<tr>
<td>Quotation Number</td>
<td>PL</td>
<td>SKU</td>
<td>Description</td>
<td>Qty</td>
<td>List Price</td>
<td>Request Disc</td>
<td>Request Net Price</td>
<td>Approved Disc</td>
<td>Approved Net Price</td>
<td>Product Family</td>
</tr>
<tr>
<td><img src="../images/icon-folder.gif" onclick="showItem('q001',this );" /> F4IT-73524-01</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="q001" style="display: none;">
<td> </td>
<td><img src="../images/icon-folder.gif" onclick="showItem('q001_pl001',this )" />SYL</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="q001_pl001" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr class="q001_pl001" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr class="q001" style="display: none;">
<td> </td>
<td><img src="../images/icon-folder.gif" onclick="showItem('q001_pl002',this )" />SYL2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="q001_pl002" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr class="q001_pl002" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr>
<td><img src="../images/icon-folder.gif" onclick="showItem('q002',this);" /> F4IT-73524-01</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="q002" style="display: none;">
<td> </td>
<td><img src="../images/icon-folder.gif" onclick="showItem('q002_pl001',this)" />SYL</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="q002_pl001" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr class="q002_pl001" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr class="q002" style="display: none;">
<td> </td>
<td><img src="../images/icon-folder.gif" onclick="showItem('q002_pl002',this)" />SYL2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="q002_pl002" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
<tr class="q002_pl002" style="display: none;">
<td> </td>
<td> </td>
<td>691644-B21</td>
<td>HP BLc7000 CTO 3 IN LCD Plat Enclosure</td>
<td>22</td>
<td>34564</td>
<td>67.13%</td>
<td>23456.12</td>
<td>65.34%</td>
<td>25437.89</td>
<td>Blade Hardware-Mid Range [K5M]</td>
</tr>
</table>
</div>
</body>
</html>