ASP.NET:DataList控件的选择输入功能

asp.net|控件

    利用DataList控件的<SelectedItemTemplate> 属性,就可以随心所欲的布置表中的数据。根据链接,友好地显示出用户感兴趣的数据,我们来看下面的实例。
    9.3.2 DataList控件的选择输入功能

    在DataCon Web 项目里添加一个Web 窗体,命名为DataList_Sample2.aspx,添加一个DataList控件,DataList_Sample2.aspx的主要HTML代码如下:

<form id="Form1" method="post" runat="server">
 <asp:DataList id="DataList1"
 runat="server"  RepeatColumns="1"
BorderColor="#000099" CellPadding="0"
BorderWidth="1px" GridLines="Both">
<SelectedItemStyle Font-Size="X-Small"></SelectedItemStyle>
 <HeaderTemplate>  学生信息情况  </HeaderTemplate>
 <SelectedItemTemplate>
 姓名:<%# DataBinder.Eval(Container.DataItem,"name") %>
(编号:<%# DataBinder.Eval(Container.DataItem,"id") %>)<br>
 性别:<%# DataBinder.Eval(Container.DataItem,"sex") %><br>
 专业:<%# DataBinder.Eval(Container.DataItem,"major") %><br> 
班级:<%# DataBinder.Eval(Container.DataItem,"class") %><br>
住址:<%# DataBinder.Eval(Container.DataItem,"address") %><br>
电话:<%# DataBinder.Eval(Container.DataItem,"tel") %><br>
电邮:<%# DataBinder.Eval(Container.DataItem,"email") %><br>
<asp:LinkButton Runat="server" CommandName="close">关闭</asp:LinkButton>
</SelectedItemTemplate>
<AlternatingItemStyle BackColor="Gainsboro"></AlternatingItemStyle>
 <SeparatorStyle BackColor="#339966"></SeparatorStyle>
 <ItemStyle Font-Size="X-Small"></ItemStyle>
<ItemTemplate>
 编号:<%# DataBinder.Eval(Container.DataItem,"id") %>
 姓名:<%# DataBinder.Eval(Container.DataItem,"name") %>
 <asp:LinkButton Runat="server" CommandName="moreinfor" >
详情</asp:LinkButton>
 </ItemTemplate>
 <HeaderStyle Font-Names="宋体" Font-Bold="True" BackColor="LightSteelBlue"></HeaderStyle>
   </asp:DataList>
</form>

    在这个实例中的应用中,我们需要注意的是<SelectedItemTemplate>的布局格式和添加控件的格式使用。当我们点击DataList控件中的LinkButton控件时,辨别是由哪个LinkButton控件引发的依据是LinkButton控件的CommandName属性。DataList控件中所部署的Button类型的控件所引发的事件是ItemCommand事件过程,我们要做的就是在这个过程里添加响应代码。

    下面来看DataList_Sample2.aspx.vb中的逻辑代码:

'-----code  begin----
'省略命名空间的引用
Public Class DataList_Sample2
    Inherits System.Web.UI.Page
#Region " Web 窗体设计器生成的代码 "
    '此处省略了窗体设计器生成的代码
   #End Region
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        '在此处放置初始化页的用户代码
        getdata()
End Sub
    Sub getdata()
        Dim mycon As OleDb.OleDbConnection
        Try
            mycon = New OleDb.OleDbConnection("provider=microsoft.jet.oledb.4.0;data source=" + Server.MapPath(".") + "\StudentInfor.mdb")
            Dim mycmd As OleDb.OleDbDataAdapter = New OleDb.OleDbDataAdapter("select *  from student", mycon)
            Dim dt As Data.DataSet = New Data.DataSet
            mycmd.Fill(dt)
            DataList1.DataSource = dt.Tables(0).DefaultView
            DataList1.DataBind()
        Catch ex As Exception
            Response.Write("程序出现错误,信息描述如下:<br>" & ex.Message.ToString)
        Finally
            mycon.Close()
        End Try
End Sub
Private Sub DataList1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles DataList1.SelectedIndexChanged
End Sub
Private Sub DataList1_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.DataListCommandEventArgs) Handles DataList1.ItemCommand
        If e.CommandName = "moreinfor" Then
            '当单击的是[详情]链接时,显示详细信息
            DataList1.SelectedIndex = e.Item.ItemIndex
        ElseIf e.CommandName = "close" Then
            '当单击的是[关闭]链接时,关闭详细信息
            DataList1.SelectedIndex = -1
        End If
        getdata()
End Sub
End Class
'-----code  end -------

保存编译后,效果如图9.15所示。


图15

    ASP.NET没有系统DataList控件的内置分页功能,但这不代表DataList控件不支持分页,我们可以通过DataAdapter.Fill(DataTable,intStartpage,intmaxpages,strDataTablename)来以编程的方式实现DataList的分页功能。读者可以参见DataGrid控件的自定义分页功能中的有关知识。

时间: 2024-10-02 08:50:43

ASP.NET:DataList控件的选择输入功能的相关文章

ASP.NET:DataList控件的分列输出功能

asp.net|控件 DataList 控件在一个重复列表中显示数据项,并且还可以支持选择和编辑项目.可使用模板对 DataList 中列表项的内容和布局进行定义,它的最大的特点是可以分列显示数据.下面几节里,我们将详细介绍.     9.3  DataList控件的详解     9.3.1 DataList控件的分列输出功能     DataList控件被设计为用于分列输出数据,需要输出的数据在它的<ItemTemplate>属性里,每一个<Blockquote>就是一个强制换行

asp.net datalist控件图片展示问题

问题描述 asp.net datalist控件图片展示问题 我用datalist控件显示的图片,现在想让它单击放大,到一个新页,新页里按上一页的顺序可以实现上一页.下一页就行. 解决方案 解决方案二: 解决方案三: 一.绑定控件之DataList ???????该控件可以以自定义的格式显示各种数据源的字段,其显示数据的格式在创建的模板中定义,可以为项.交替项.选定项和编辑项创建模板.该控件也可以使用标题.脚注和分隔符模板自定义整体外观,还可以一行显示多个数据行.虽然DataList控件拥有很大的

ASP.NET DataList控件,HTML代码有span标签,怎么删除

问题描述 ASP.NET2.0把DataList控件的RepeatLayout属性设为Flow,那么每个项就显示在<span></span>中.<divclass="wzlb"><spanid="DataList1"><span>内容内容</span></span></div> 每个项都在一个span标签里面,而所以项又在一个id="DataList1"

asp.net Datalist控件实现分页功能_实用技巧

在.aspx页面里的代码 复制代码 代码如下: <asp:DataList ID="DataList1" runat="server" Width="976px" Height="745px" BorderWidth="2px" CellPadding="2" CellSpacing="2" RepeatColumns="7" RepeatD

ASP.NET数据绑定之DataList控件实战篇_实用技巧

上篇文章大概讲了DataList的一些基础知识,掌握这些知识在将来的应用中起到很大的作用,现在我们就开始讲上篇文章中说的基础知识做一个小例子.     首先,我机子的数据库中有一张person表,如下图所示. 现在,我们用DataList控件将表中的信息显示出来,并可以在DataList控件上对数据库中的表进行编辑操作.     1.首先用vs创建web应用程序,添加web窗体,在web窗体内拉入DataList控件,右击控件,选择编辑项模板,在这里我们能看到四个模板,其中两个是Selected

asp.net学习之DataList控件

原文:asp.net学习之DataList控件      DataList控件与Repeater控件一样由模板驱动,与Repeater控件不同的是: DataList控件默认输出是一个HTML表格.DataList在输出时已经在相应的模板上套上了表格标签,而Repeater则是模板是什么样,输出就是什么样. 1. DataList显示数据 例1:使用DataList显示数据    Code<asp:DataList ID="DataList1" runat="serve

ASP.NET数据绑定之DataList控件_实用技巧

DataList控件是.NET中的一个控件.DataList控件以表的形式呈现数据(在属性生成器中可以编辑),通过该控件,您可以使用不同的布局来显示数据记录(使用模板编辑),例如,将数据记录排成列或行的形式.您可以对 DataList控件进行配置,使用户能够编辑或删除表中的记录(使用EditItemTemplate模板和SelectedItemTemplate模板).DataList控件不使用数据源控件的数据修改功能,您必须自己提供此代码. 一.DataList 与 Repeater比较    

asp.net中将数据库绑定到DataList控件的实现方法与实例代码

解决方法1: datalist databind() 解决方法2: 查看MSDN上的详细说明资料 解决方法3: 在DataList的模板中用table表格,如: 复制代码 代码如下: <asp:DataList ID="dlDetailedInfo" runat="server" OnItemDataBound="dlDetailedInfo_ItemDataBound" Width="100%"> <Ite

asp.net中数据库绑定到DataList控件操作方法

我现在要做这个页面,然后我用DataList控件显示题目,我想问如何把我数据库教程的题目绑定到DataList控件里面,然后让它显示考试题目? 解决方法1: datalist databind() 解决方法2: 查看MSDN上的详细说明资料 解决方法3: 在DataList的模板中用table表格,如:<asp教程:DataList ID="dlDetailedInfo" runat="server" OnItemDataBound="dlDetai