DIV repeater 全表格

最新推荐文章于 2016-02-23 10:05:50 发布

yutian_31

最新推荐文章于 2016-02-23 10:05:50 发布

阅读量711

点赞数

分类专栏： C#用法文章标签： div textbox server class asp table

本文链接：https://blog.csdn.net/yutian_31/article/details/6278809

版权

C#用法专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!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 runat="server">
    <title></title>
    <style>

        .divll
        {
        width:100px;
        }

        .table /**/ /**/ /*div table container*/ /*div table container*/
        {
            /**/ /*width:770px;*/
        }
        .row div /**/ /**/ /*div row cell*/ /*div row cell*/
        {
            display: inline;
            width: 100%;
            border-top: 1px solid #C1BBAB;
            border-left: 1px solid #C1BBAB;
        }
        .header div /**/ /**/ /*div header cell*/ /*div header cell*/
        {
            display: inline;
            width: 100%;
            border-top: 1px solid #C1BBAB;
            border-left: 1px solid #C1BBAB;
            text-align: center;
            background-color: #E0DDD5;
        }
        .lastcell /**/ /**/ /*last cell*/ /*last cell*/
        {
            border-right: 1px solid #C1BBAB;
            width:100px;
        }
        .header /**/ /**/ /*div table hearder*/ /*div table hearder*/
        {
            font: bold;
            color: navy;
        }
        .grid_rw1clr div /**/ /**/ /*cell in grid_rw1clr*/ /*cell in grid_rw1clr*/
        {
            background-color: #FFFFFF;
        }
        .grid_rw2clr div /**/ /**/ /*cell in grid_rw1clr*/ /*cell in grid_rw1clr*/
        {
            background-color: #F9F8F6;
        }
        .row
        {
            font: normal 32px;
        }
        .lastrow div /**//*cell in last row*/
{
border-bottom:1px solid #C1BBAB;
}

    </style>
</head>
<body>
    <form id="form1" runat="server">

    <div>
         <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <div class="table">
                    <div class="header">
                        <div >
                            <asp:TextBox ID="TextBox1" class="divll" runat="server">Title</asp:TextBox>
                        </div>
                        <div >
                            <asp:TextBox ID="TextBox2" class="divll" runat="server">Artist</asp:TextBox>
                        </div>
                        <div >
                            <asp:TextBox ID="TextBox3" class="divll" runat="server">Country</asp:TextBox>
                        </div>
                        <div class="lastcell">
                            <asp:TextBox ID="TextBox4" Width="150px" runat="server">Company</asp:TextBox>
                        </div>
                    </div>
            </HeaderTemplate>
            <ItemTemplate>
                <div class="row grid_rw1clr lastrow">
                    <div >
                        <asp:TextBox ID="TextBox4" class="divll" runat="server" Text='<%# Eval("id")%>'></asp:TextBox>
                    </div>
                    <div >
                        <asp:TextBox ID="TextBox5" class="divll" runat="server" Text='<%# Eval("artist")%>'></asp:TextBox>
                    </div >
                    <div >
                        <asp:TextBox ID="TextBox6" class="divll" runat="server" Text='<%# Eval("country")%>'>Company</asp:TextBox>
                    </div>
                    <div class="lastcell">
                        <asp:TextBox ID="TextBox7" Width="150px" runat="server" Text='<%# Eval("company")%>'></asp:TextBox>
                    </div>
                 </div>
            </ItemTemplate>

            <FooterTemplate>
                </div>
            </FooterTemplate>
        </asp:Repeater>

    </div>
    </form>
</body>
</html>