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

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

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

这里是配置ListView样式:

 

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

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

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

  1. <asp:ListView ID="ListView1" runat="server" DataKeyNames="title" DataSourceID="SqlDataSource2">
  2. <GroupTemplate>
  3. <tr id="itemPlaceholderContainer" runat="server">
  4. <td id="itemPlaceholder" runat="server"></td>
  5. </tr>
  6. </GroupTemplate>
  7. <ItemTemplate>
  8. <div>
  9. <table class="tab_show">
  10. <tr>
  11. <td class="td1">
  12. <asp:Image ID="Image1" runat="server" CssClass="td_img" ImageUrl='<%#Eval("tel")%>' />
  13. </td>
  14. <td>
  15. <table class="tab_showtxt">
  16. <tr>
  17. <td class="td_showtxt">项目名称:</td>
  18. <td><%#Eval("title") %></td>
  19. </tr>
  20. <tr>
  21. <td class="td_showtxt">设计部门:</td>
  22. <td><%#Eval("tel") %></td>
  23. </tr>
  24. <tr>
  25. <td class="td_showtxt">设 计 人:</td>
  26. <td><%#Eval("title") %></td>
  27. </tr>
  28. <tr>
  29. <td class="td_showtxt">完成时间:</td>
  30. <td><%#((DateTime)Eval("time")).ToString("yyyy年MM月dd日") %></td>
  31. </tr>
  32. <tr>
  33. <td class="td_showtxt2">项目简介:</td>
  34. <td class="txt_top"><%#Eval("txt") %></td>
  35. </tr>
  36. </table>
  37. </td>
  38. </tr>
  39. </table>
  40. </div>
  41. </ItemTemplate>
  42. <LayoutTemplate>
  43. <div>
  44. <table runat="server">
  45. <tr runat="server">
  46. <td runat="server">
  47. <table id="groupPlaceholderContainer" runat="server" border="1" style="background-color: #FFFFFF;border-collapse: collapse;border-color: #999999;border-style:none;border-width:1px;font-family: Verdana, Arial, Helvetica, sans-serif;">
  48. <tr id="groupPlaceholder" runat="server">
  49. </tr>
  50. </table>
  51. </td>
  52. </tr>
  53. <tr runat="server">
  54. <td runat="server" style="text-align: center;background-color: #5D7B9D;font-family: Verdana, Arial, Helvetica, sans-serif;color: #FFFFFF">
  55. <asp:DataPager ID="DataPager2" runat="server" PageSize="3">
  56. <Fields>
  57. <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
  58. <asp:NumericPagerField />
  59. <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
  60. </Fields>
  61. </asp:DataPager>
  62. </td>
  63. </tr>
  64. </table>
  65. </div>
  66. </LayoutTemplate>
  67. </asp:ListView>

20150414---ListView简介(web)的更多相关文章

  1. Servlet规范简介——web框架是如何注入到Servlet中的

    Servlet规范简介--web框架是如何注入到Servlet中的 引言 Web框架一般是通过一个Servlet提供统一的请求入口,将指定的资源映射到这个servlet,在这个servlet中进行框架 ...

  2. amazeui学习笔记二(进阶开发2)--Web组件简介Web Component

    amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...

  3. ListView简介

    说起来,简介这种东西我一般都会去百度,不过似乎这样太没诚意了.╮(╯▽╰)╭ 没办法我再去查查别的资料 官方API,说的啥呢?经过一番研究我终于读懂了....╮(╯▽╰)╭ (让一个英语三级的学渣来分 ...

  4. python 全栈开发,Day66(web应用,http协议简介,web框架)

    一.web应用 web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件.应用程序有两种模式C/S.B/S.C/S是客户端 ...

  5. Bootstrap 简介(Web前端CSS框架)

    目录1.简介2.特点3.组件4.Javascript插件5.定制自己的框架代码6.Bootstrap Less 1.简介Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Tw ...

  6. web应用,http协议简介,web框架

    一.web应用 web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件.应用程序有两种模式C/S.B/S.C/S是客户端 ...

  7. 简介WEB应用服务器TONCAT

    1.HTTP与Tomcat简介1.1 什么是Http协议HTTP,超文本传输协议(HyperText Transfer Protocol)是互联网上应用最为广泛的 一种网络协议.所有的WWW文件都必须 ...

  8. flutter ListView简介

    child: new Container( child: new Center( child: ListView( shrinkWrap:true, children: <Widget>[ ...

  9. 简介web服务器的工作原理

    一 什么是web服务器,应用服务器和web容器? 对于web服务器与应用服务器:“在过去它们是有区别的,但是这两个不同的分类慢慢地合并了,而如今在大多在情况下和使用中可以把它们看成一个整体.” 但是当 ...

随机推荐

  1. 内​存​泄​露​调​试​之​ ​v​i​s​u​a​l​ ​l​e​a​k​ ​d​e​t​e​c​t​o​r​ ​工​具【转】

    本文参考此文:http://kangzj.net/visual-leak-detector-download/  另外一种检查内存泄露的工具:visual leak  detector  简称  vl ...

  2. iOS 设计模式之抽象工厂

    设计模式是程序提升的必备知识,这里说下iOS怎样实现抽象工厂设计模式.本文是看过oc编程之道这本的抽象工厂这章后写出的,假设不明确原理能够看看那本书. TestView.h首先创建一个视图 // // ...

  3. JS App

    JS App 从架构上来看, SPA结构-------RPA结构 不仅仅是JS,还要从Application的角度来看. JS只是单个页面或者功能,Application是从整体的角度来看结构.

  4. [CodeEdit--Sublime]一些好用的Plugins

    Sublime Text 3 Plugins (**)packet control:plugin包管理器 (**)netuts-fetch: (**)markdown editing:Markdown ...

  5. JAVA设置SimpleDateFormat函数时区

    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); sdf.setTimeZone(TimeZo ...

  6. 适用于各浏览器支持图片预览,无刷新异步上传js插件

    文件上传无疑是web应用中一个非常常用的功能,不管是PHP.jsp还是aspx.mvc等都会需要文件上传,但是众所周知当使用自带的文件上传功能时总会出现页面刷新的情况.当然现在有了html5这个好东西 ...

  7. 关于调试程序接收通过adb发送带有参数的广播问题

    一句话,如果你检查完格式没有错:关于通过adb启动Activity.activity.service以及发送broadcast的命令 am broadcast -a myAction --es cit ...

  8. IOS UItableView 滚动到底 触发事件

    开发过程中,在使用UItableView 总会遇到加载更多的问题,到底是手势响应瀑布流的方法好? 还是添加一个底端cell点击触发加载更多好?我也想有自己的判断.但是我们老板总说了算,没办法,谁叫我给 ...

  9. IOS获取系统时间 NSDate

    //返回当前时间,精确到毫秒.- (NSString *)getTimeNow { NSString* date; NSDateFormatter * formatter = [[NSDateForm ...

  10. Oracle基础(九) Oracle的体系结构

    一.Oracle体系结构概述: Oracle的体系结构是指数据库的组成.工作过程与原理,以及数据在数据库中的组织与管理机制.要了解Oracle数据库的体系结构,必须理解Oracle系统的重要概念和主要 ...