<script language="javascript" type="text/javascript">
function ShowDetail(object)
{
table=object.parentElement.parentElement.parentElement;
if(table.rows(1).style.display=="none")
{
table.rows(1).style.display="block";
object.innerText="-";
}
else
{
table.rows(1).style.display="none";
object.innerText="+";
}
}
function ShowTest(object)
{
var divs=document.getElementsByTagName("DIV");
if(object.innerText=="+")
{
object.innerText="-";
for(var i=0;i<divs.length;i++)
{
if(divs[i].id=="showMess")
{
divs[i].innerText="-";
table=divs[i].parentElement.parentElement.parentElement;
table.rows(1).style.display="block";
}
}
}
else
{
object.innerText="+";
for(var i=0;i<divs.length;i++)
{
if(divs[i].id=="showMess")
{
divs[i].innerText="+";
table=divs[i].parentElement.parentElement.parentElement;
table.rows(1).style.display="none";
}
}
}
}
</script> <table width="100%">
<tr>
<td align="center" style="width: 15%" colspan="2">
<div style="cursor:hand" onclick="ShowTest(this)">
+</div>
</td>
<td align="center" style="width: 100px">
订单号</td>
<td align="center" style="width: 100px">
用户名</td>
<td align="center" style="width: 100px">
总价</td>
<td align="center" style="width: 200px">
订单日期</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table width="100%">
<tr>
<td align="center" style="width: 100px; height: 22px">
<div id="showMess" style="cursor:hand" onclick="ShowDetail(this)">
+</div>
</td>
<td align="center" style="width: 100px; height: 22px;">
<%#Eval("Id") %>
</td>
<td align="center" style="width: 100px; height: 22px;">
<%#Eval("User.Name") %>
</td>
<td align="center" style="width: 100px; height: 22px;">
<%#Eval("TotalPrice") %>
</td>
<td align="center" style="width: 200px; height: 22px;">
<%#Eval("OrderDate") %>
</td>
</tr>
<tr style="display:none">
<td colspan="5">
详细内容 </td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#7C6F57" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</td>
</tr>看一下你能明白吗
原来做项目时用过的
function ShowDetail(object)
{
table=object.parentElement.parentElement.parentElement;
if(table.rows(1).style.display=="none")
{
table.rows(1).style.display="block";
object.innerText="-";
}
else
{
table.rows(1).style.display="none";
object.innerText="+";
}
}
function ShowTest(object)
{
var divs=document.getElementsByTagName("DIV");
if(object.innerText=="+")
{
object.innerText="-";
for(var i=0;i<divs.length;i++)
{
if(divs[i].id=="showMess")
{
divs[i].innerText="-";
table=divs[i].parentElement.parentElement.parentElement;
table.rows(1).style.display="block";
}
}
}
else
{
object.innerText="+";
for(var i=0;i<divs.length;i++)
{
if(divs[i].id=="showMess")
{
divs[i].innerText="+";
table=divs[i].parentElement.parentElement.parentElement;
table.rows(1).style.display="none";
}
}
}
}
</script> <table width="100%">
<tr>
<td align="center" style="width: 15%" colspan="2">
<div style="cursor:hand" onclick="ShowTest(this)">
+</div>
</td>
<td align="center" style="width: 100px">
订单号</td>
<td align="center" style="width: 100px">
用户名</td>
<td align="center" style="width: 100px">
总价</td>
<td align="center" style="width: 200px">
订单日期</td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table width="100%">
<tr>
<td align="center" style="width: 100px; height: 22px">
<div id="showMess" style="cursor:hand" onclick="ShowDetail(this)">
+</div>
</td>
<td align="center" style="width: 100px; height: 22px;">
<%#Eval("Id") %>
</td>
<td align="center" style="width: 100px; height: 22px;">
<%#Eval("User.Name") %>
</td>
<td align="center" style="width: 100px; height: 22px;">
<%#Eval("TotalPrice") %>
</td>
<td align="center" style="width: 200px; height: 22px;">
<%#Eval("OrderDate") %>
</td>
</tr>
<tr style="display:none">
<td colspan="5">
详细内容 </td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#7C6F57" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
</td>
</tr>看一下你能明白吗
原来做项目时用过的
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货