• 20150414---ListView简介(web)


    ListView,自带分页功能,而且用户自定义界面样式自由度高。

    如下图,都是使用Listview完成的,(测试数据,内容较乱)

    image

    image

    所在位置:工具--数据—ListView

    image

    这里是配置ListView样式:

    image

    image

    组成ListView的必要标签:
    <GroupTemplate></GroupTemplate>  分组

    <ItemTemplate></ItemTemplate>   列表样式,可以自由编写

    <LayoutTemplate></LayoutTemplate>   这里面包含了ListView的分页控件,以及grou的一部分信息

    <asp:ListView ID="ListView1" runat="server" DataKeyNames="title" DataSourceID="SqlDataSource2">
                <GroupTemplate>
                    <tr id="itemPlaceholderContainer" runat="server">
                        <td id="itemPlaceholder" runat="server"></td>
                    </tr>
                </GroupTemplate>
                <ItemTemplate>
                    <div>
                        <table class="tab_show">
                            <tr>
                                <td class="td1">
                                    <asp:Image ID="Image1" runat="server" CssClass="td_img" ImageUrl='<%#Eval("tel")%>' />
                                </td>
                                <td>
                                    <table class="tab_showtxt">
                                        <tr>
                                            <td class="td_showtxt">项目名称:</td>
                                            <td><%#Eval("title") %></td>
                                        </tr>
                                        <tr>
                                            <td class="td_showtxt">设计部门:</td>
                                            <td><%#Eval("tel") %></td>
                                        </tr>
                                         <tr>
                                            <td class="td_showtxt">设 计 人:</td>
                                            <td><%#Eval("title") %></td>
                                        </tr>
                                        <tr>
                                            <td class="td_showtxt">完成时间:</td>
                                            <td><%#((DateTime)Eval("time")).ToString("yyyy年MM月dd日") %></td>
                                        </tr>
                                        <tr>
                                            <td class="td_showtxt2">项目简介:</td>
                                            <td class="txt_top"><%#Eval("txt") %></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </div>
                </ItemTemplate>
                <LayoutTemplate>
                    <div>
                        <table runat="server">
                            <tr runat="server">
                                <td runat="server">
                                    <table id="groupPlaceholderContainer" runat="server" border="1" style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-1px;font-family: Verdana, Arial, Helvetica, sans-serif;">
                                        <tr id="groupPlaceholder" runat="server">
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr runat="server">
                                <td runat="server" style="text-align: center;background-color: #5D7B9D;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF">
                                    <asp:DataPager ID="DataPager2" runat="server" PageSize="3">
                                        <Fields>
                                            <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                                            <asp:NumericPagerField />
                                            <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                                        </Fields>
                                    </asp:DataPager>
                                </td>
                            </tr>
                        </table>
                    </div>
                </LayoutTemplate>
            </asp:ListView>
  • 相关阅读:
    树莓派.安装Firefox浏览器
    树莓派.Raspberry Pi 3碰到"Unable to determine hardware version. I see: Hardware : BCM2835"错误的解决过程
    Linux.Centos6编译安装nginx
    树莓派.桌面分辨率设置
    [转]树莓派.设置自动重连WiFi
    树莓派.系统.官方下载中NOOBS和Raspbian的区别
    树莓派.设置无线网卡为AP工作模式(pi2和pi3)
    Nodejs.调用Linux命令
    树莓派.屏幕休眠控制
    GO语言.树莓派.环境安装和测试
  • 原文地址:https://www.cnblogs.com/Tirisfal/p/4424663.html
Copyright © 2020-2023  润新知