GridView主重表的运用

代码：

在.aspx文件中

<asp:GridView ID="gvNewHouseList"  runat="server" Width="98%"
        AutoGenerateColumns="False" onrowdatabound="gvNewHouseList_RowDataBound">
    <Columns>
        <asp:TemplateField>
        <HeaderTemplate>
        <table>
        <tr>
        <td class="tabTitLine">楼盘名</td>
        <td class="tabTitLine">区域</td>
        <td class="tabTitLine">销售状态</td>
        <td class="tabTitLine1">价格</td>
        </tr>
        </table>
        </HeaderTemplate>
        <ItemTemplate>
        <asp:Panel runat="server" ID="panl" Border="0">
        <table >
        <tr>
        <td class="tabTd01"><%# GetHouseName(Eval("housename").ToString())%></td>
        <td class="tabTd02"><%# Eval("districtname")%></td>
        <td class="tabTd03"><%# Eval("salestate")%></td>
        <td class="tabTd04"><%# Eval("price")%></td>
        </tr>
        </table>
        </asp:Panel>
        <asp:Panel runat="server" ID="conPan" style="display:none" Border="0">
        <TABLE style="WIDTH: 100%" id="table41" cellSpacing=1 cellPadding=2 bgColor=#cacfdb border=0>
        <TBODY>
        <TR>
        <TD style="WIDTH: 75px;HEIGHT: 22px; line-height:22px;" bgColor=#f0f1fb align=center valign=middle>
        楼盘名称:
        </TD>
        <TD  bgColor=#ffffff align=left valign=middle style="HEIGHT: 22px; line-height:22px; padding-left:2px;">
       <%# Eval("housename")%>
        </TD>
        </TR>
        <TR>
        <TD style="WIDTH: 75px; HEIGHT: 22px; line-height:22px;" bgColor=#f0f1fb align=center valign=middle>
       楼盘地址:</TD>
        <TD style="HEIGHT: 22px; line-height:22px;padding-left:2px;" bgColor=#ffffff align=left valign=middle>
        <%# Eval("address")%>
        </TD>
        </TR><TR>
        <TD style="WIDTH: 75px; line-height:22px;" bgColor=#f0f1fb align=center valign=middle >
      建筑面积:
        </TD>
        <TD bgColor=#ffffff style="HEIGHT: 22px; line-height:22px; padding-left:2px;" align=left><%# Eval("buildingArea")%>㎡
        </TD>
        </TR>
        <TR>
        <TD style="WIDTH: 75px;line-height:22px;" bgColor=#f0f1fb>
        销售电话:
        </TD><TD bgColor=#ffffff align=left style="HEIGHT: 22px; line-height:22px; padding-left:2px;">
        <%# Eval("saletel")%>
        </TD></TR><TR><TD style="WIDTH: 75px" bgColor=#f0f1fb align=center>查看信息:</TD>
        <TD bgColor=#ffffff align=left style="HEIGHT: 22px; line-height:22px; padding-left:2px;"><A class="all0"
href='newhouse/<%# Eval("htmlurl") %>'
target="_blank"><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">详细信息</SPAN></A>
    &nbsp; &nbsp;&nbsp; &nbsp;<%# GetDwAddress(Eval("ownerunitid").ToString(),Eval("id").ToString()) %></TD></TR></TBODY></TABLE>
        </asp:Panel>
        </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

说明：定义一个模板，分为头模板和项模板，在项模板中运用两个<asp:Panel>控件绑定数据，然后控制隐藏、显示即可

.cs代码如下

  protected void gvNewHouseList_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)//不遍历行头和行尾
        {
            Panel pnl = (Panel)e.Row.FindControl("conPan");
            Panel panel = (Panel)e.Row.FindControl("panl");
            panel.Attributes.Add("onclick","dis("+pnl.ClientID+")");//点击事件
            panel.Attributes.Add("style", "cursor:pointer"); //鼠标变手

            DataRowView  drvCur=(DataRowView)e.Row.DataItem;
            e.Row.Cells[0].ToolTip = drvCur["housename"].ToString();//鼠标移上去显示
        }
    }

.js代码

<script language="javascript">
    function dis(spn)
    {
       spn.style.display=(spn.style.display=="none")?"block":"none";
    }
    </script>