zoukankan      html  css  js  c++  java
  • 数据列表 DataList

    数据列表 DataList
    数据列表显示跟重复列表(Repeator)比较类似,但是它可以选择和修改数据项的内容。数据列表的数据显示和布局也如同重复列表都是通过“模板”来控制的。同样的,模板至少要定义一个“数据项模板”(ItemTemplate)来指定显示布局。数据列表支持的模板类型更多,它们如下:
    1) ItemTemplate模板,数据项模板,必需的,它定义了数据项极其表现形式。
    2) AlternatingItemTemplate模板,,数据项交替模板,为了使相邻的数据项能够有所区别,可以定义交替模板,它使得相邻的数据项看起来明显不同,缺省情况下,它和ItemTemplate模板定义一致,即缺省下相邻数据项无表示区分。
    3) SeparatorTemplate模板,分割符模板,定义数据项之间的分割符。
    4) SelectedItemTemplate模板,选中项模板,定义被选择的数据项的表现内容与布局形式,当未定义”SelectedItemTemplate”模板时,选中项的表现内容与形式无特殊化,由ItemTemplate模板定义所决定。
    5) EditItemTemplate模板,修改选项模板,定义即将被修改的数据项的显示内容与布局形式,缺省情况下,修改选项模板就是数据项模板(ItemTemplate)的定义。
    6) HeaderTemplate模板,报头定义模板,定义重复列表的表头表现形式。
    7) FooterTemplate模板,表尾定义模板,定义重复列表的列表尾部的表现形式。
    数据列表还可以通过风格形式来定义模板的字体、颜色、边框。每一种模板都有它自己的风格属性。例如,可以通过设置修改选项模板的风格属性来指定它的风格。
    此外,还有一些其他属性可以导致数据列表的显示有较大的改变,下面择重说明。
    RepeatLayout:显示布局格式,指定是否以表格形式显示内容。
    RepeatLayout.Table指定布局以表格形式显示。
    RepeatLayout.Flow指定布局以流格式显示,即不加边框。
    RepeatDirection:显示方向,指定显示是横向显示还是纵向显示
    RepeatDirection.Horizontal指定是横向显示
    RepeatDirection.Vertical指定是纵向显示
    RepeatColumns:一行显示列数,指定一行可以显示的列数,缺省情况下,系统设置为一行显示一列。这里需要注意的是,当显示方向不同时,虽然一行显示的列数不变,但显示的布局和显示内容的排列次序却有可能大不相同。
    例如:有10个数据需要显示,RepeatColumns设定为4,即一行显示4列时
    当RepeatDirection=RepeatDirection.Horizontal横向显示时,显示布局如下:
    Item1 Item2 Item3 Item4
    Item5 Item6 Item7 Item8
    Item9 Item10
    当RepeatDirection=RepeatDirection.Vertical纵向显示时,显示布局如下:
    Item1 Item4 Item7 Item10
    Item2 Item5 Item8
    Item3 Item6 Item9
    BorderWidth:当RepeatLayout=RepeatLayout.Table即以表格形式显示时,边框的线宽度
    Unit.Pixel(x) x>=0,当x为0时无边框
    GridLines: 当RepeatLayout=RepeatLayout.Table以表格形式显示时,在表格当中是否有网隔线分离表格各单元。
    GridLines=GridLines.Both,有横向和纵向两个方向的分割线。
    GirdLines=GridLines.None,无论横向还是纵向均无分割线。

    例子:演示以上介绍的各属性的设置对数据列表输出的影响,并且当数据项被选中时,数据项以粉红色来反显。

    1.源程序(DataList.aspx)

    <%@ Import Namespace="System.Data" %>








    数据列表属性方法实验




    BorderColor="black"
    CellPadding="3"
    Font-Name="Verdana"
    Font-Size="8pt"
    HeaderStyle-BackColor="#aaaadd"
    AlternatingItemStyle-BackColor="#ccccff"
    SelectedItemStyle-BackColor="#ffccff"
    OnItemCommand="DataList1_ItemCommand"
    >







    显示方向:

    横向
    纵向

    布局类型:

    表方式
    流方式

    一行列数:

    1列
    2列
    3列
    4列
    5列

    边框显示:

    网格显示:










    3.当选择显示方向为横向,表方式,一行含5列,显示边框和网格时,界面显示如下:
    4. 选择纵向显示,表方式,一行含5列,无边框,无网格时,界面显示如下:5.当在步骤4的基础上选择了第5项数据项时,界面显示如下:


    接下来,我们讨论一下一种比较有实际意义的应用,即对选中数据项的修改的实现。
    首先是对模板EditItemTemplate的定义,通常做法是排列可以进行修改的内容,然后定义一个修改确认键和一个修改取消键。
    然后应定义数据列表支持的三种消息处理函数即OnEditCommand、OnUpdateCommand、OnCancelCommand(编辑事件处理、修改事件处理、撤消修改事件处理)
    编辑事件处理:通常设置数据列表的EditItemIndex属性为选中的数据项索引,然后重载数据列表。
    Protected Sub DataList_EditCommand(Source As Object, e As DataListCommandEventArgs)
    DataList1.EditItemIndex = CType(e.Item.ItemIndex, Integer)
    ‘重新加载并绑定数据
    BindList()
    End Sub

    取消修改事件处理:通常设置数据列表的EditItemIndex为-1,表示没有数据项需要修改,然后重载数据列表
    Protected Sub DataList_CancelCommand(Source As Object, e As DataListCommandEventArgs)
    DataList1.EditItemIndex = -1
    BindList()
    End Sub

    修改事件处理:通常先修改数据源的数据,然后设置数据列表的EditItemIndex为-1,最后重载数据列表。
    Sub DataList_UpdateCommand(Source As Object, e As DataListCommandEventArgs)
    ‘修改数据源数据,应根据具体情况而变
    ModifySource()
    DataList.EditItemIndex=-1
    BindList
    End Sub

    例子:显示一个关于书籍修改的实例。一条书籍记录包含序号、书名、价格信息。初始化数据时,我们设置序号为1-6,书名为“书名”+序号,价格为1.11*序号。

    1. 源程序(FormDataList01.aspx)
    <
    <%@ Import Namespace="System.Data" %>







    数据列表修改实验









    BorderColor="black"
    BorderWidth="1"
    GridLines="Both"
    CellPadding="3"
    CellSpacing="0"
    Font-Name="Verdana"
    Font-Size="8pt"
    Width="150px"
    HeaderStyle-BackColor="#aaaadd"
    AlternatingItemStyle-BackColor="Gainsboro"
    EditItemStyle-BackColor="green"
    OnEditCommand="DataList_EditCommand"
    OnUpdateCommand="DataList_UpdateCommand"
    OnCancelCommand="DataList_CancelCommand"
    >









    2. 准备对第2项进行修改,此时的画面如下:


    3.把序号为2的书籍的价格改为9.99以后,重新进入其编辑状态后,它的输出画面如下:

    2.2.15 数据表格DataGrid
    数据表格服务器端控件以表格形式显示数据内容,同时还支持数据项的选择、排序、分页和修改。缺省情况下,数据表格为数据源中每一个域绑定一个列,并且根据数据源中每一个域中数据的出现次序把数据填入数据表格中的每一个列中。数据源的域名将成为数据表格的列名,数据源的域值以文本标识形式填入数据表格中。
    通过直接操作表格的Columns集合,可以控制数据表格各个列的次序、表现方式以及显示内容。缺省的列为Bound型列,它以文本标识的形式显示数据内容。此外,还有许多类型的列类型可供用户选择。
    列类型的定义有两种方式:显视的用户定义列类型和自动产生的列类型(AutoGenerateColumns)。当两种列类型定义方式一起使用时,先用用户定义列类型产生列的类型定义,接着剩下的再使用自动列定义规则产生出其他的列类型定义。请注意自动定义产生的列定义不会加入Columns集合。
    列类型介绍:
    1) bound column ,列可以进行排序和填入内容。这是大多数列缺省用法。
    两个重要的属性为:HeaderText指定列的表头显示
    DataField指定对应数据源的域
    2) hyperlink column,列内容以hyperlink控件方式表现出来。它主要用于从数据表格的一个数据项跳转到另外的一个页面,做出更详尽的解释或显示。
    重要的属性有:
    HeaderText指定列表头的显示
    DataNavigateUrlField指定对应数据源的域作为跳转时的参数
    DataNavigateUrlFormatString指定跳转时的url格式
    DataTextField指定数据源的域作为显示列内容来源
    3) button column,把一行数据的用户处理交给数据表格所定义的事件处理函数。通常用于对某一行数据进行某种操作,例如,加入一行或者是删去一行数据等等。
    重要的属性有:
    HeaderText指定列表头的显示
    Text指定按钮上显示的文字
    CommandName指定产生的激活命令名
    4) Template column,列内容以自定义控件组成的模板方式显示出来。通常用作用户需要自定义显示格式的时候。
    5) Edit Command column,当数据表格的数据项发生编辑、修改、取消修改时,相应处理函数的入口显示。它通常结合数据表格的EditItemIndex属性来使用,当某行数据需要编辑、修改、取消操作时,通过它进入相应的处理函数。例如,当需要对某行数据进行修改(update)时,通过它进入修改的处理步骤中。

    其他重要列属性介绍:
    1) Visible属性,控制定义的列是否出现在显示的数据列表中。
    2) AllowSorting属性,是否可以进行列排序。当AollowSorting=true时,可以以点击列的列表头的方式,把数据以该列次序进行排序。缺省的(即载入数据后)的排序方式,实际上是以数据在数据源中的排列次序进行排序的。
    3) AllowPage属性,是否以分页方式显示数据。当对有大量数据的数据源进行显示时,可以以例如10行一页的方式来显示数据,同时显示一个下页/前页的按钮,按下按钮可以以向前或向后的方式浏览整个数据源的数据。当AllowPage=true时,即以分页方式进行显示。可以通过设定CurrentPageIndex属性来直接跳转到相应的数据页。

    例子:演示以上各种类型的列定义的用法
    1. 源程序(FormDataGrid.aspx)


    <%@ Import Namespace="System.Data" %>








    数据表格列类型实验







    图书清单


    BorderColor="black"
    BorderWidth="1"
    GridLines="Both"
    CellPadding="3"
    CellSpacing="0"
    Font-Name="Verdana"
    Font-Size="8pt"
    HeaderStyle-BackColor="#aaaadd"
    AutoGenerateColumns="false"
    OnItemCommand="Grid_Command">





    HeaderText="链接"
    DataNavigateUrlField="Num"
    DataNavigateUrlFormatString="FormDataGrid01.aspx?id={0}"
    DataTextField="Num"
    Target="_new"
    />













    订购清单


    BorderColor="black"
    BorderWidth="1"
    CellPadding="3"
    Font-Name="Verdana"
    Font-Size="8pt"
    HeaderStyle-BackColor="#aaaadd"
    />





    文件FormDataGrid01.aspx的内容:








    数据表格链接测试结果画面






    您选择的是 第 <%= num %>本藏书




    2. 开始时画面:


    3.当选择订购了第一本和第三本后的画面如下:


    4.当选择退订第三本书后的画面如下:


    5. 当点击连接第六项时的画面如下:

  • 相关阅读:
    ubuntu给手机建wifi
    UTF-8编码的字符串拆分成单字、获取UTF-8字符串的字符个数的代码及原理(c++实现)
    Android 获取WIFI MAC地址的方法
    【美妙的Python之二】Python初步
    LCD深度剖析
    Eclipse断点调试
    Draw2d中的布局管理器Layout比较
    Java实现 蓝桥杯VIP 算法训练 输出米字形
    Java实现 蓝桥杯VIP 算法训练 输出米字形
    Java实现 蓝桥杯VIP 算法训练 斜率计算
  • 原文地址:https://www.cnblogs.com/sshh/p/1396551.html
Copyright © 2011-2022 走看看